介绍

以前有把网页变成app已经是常态了，今天咱们来把网页变成小程序并且支持分享好友这个按钮，小程序暂时不支持个人至少我上传的时候不支持得要个体户或企业认证的小程序，所以需要一张营业执照然后去某宝花几分钱买一个免300认证的商品按照操作注册即可认证完就是永久的.

教程

1. 简单说一下

微信小程序是一种轻量级的应用程序，可以在微信平台上运行，用户可以在微信内部直接使用小程序。小程序的开发语言为微信自己的开发语言——小程序开发语言，主要包括WXML、WXSS和JavaScript三个部分。小程序的开发方式和开发工具与Web开发有很大的不同，因此在小程序中嵌入网页也有一些不同的方式。

一、小程序内嵌网页的原理

小程序内嵌网页的原理是通过小程序提供的WebView组件来实现的。WebView组件是一个可以在小程序内部显示网页的组件，可以通过WebView组件来加载网页，实现小程序内嵌网页的功能。

二、小程序内嵌网页的实现

小程序内嵌网页的实现主要有两种方式：一种是使用WebView组件来实现，另一种是使用小程序的web-view组件来实现。

因为微信小程序在之前更新多出来的这个功能在这之前，我们在小程序中没有办法整合我们已有的HTML程序，只能使用小程序的方式重新开发一套，现在有了<web-view>就可以方便的集成这些网页系统!

2. 使用<web-view>组件之前

要在小程序中访问外部网页，需要先设置允许访问的业务网站的域名。让我们先登录小程序平台管理后台页面，进入“设置” => “开发”=> “开发管理”=> “开发设置”，往下滑找到“业务域名”的设置区域看图片

添加完了后咱们打开微信开发者工具，下载更多版本:点击这里

3. 开始创建小程序

添加完之后他会自动给你生成一个小程序你只需要改俩个地方即可看下图

代码放下面了

全部都搞好之后直接上传，然后去后台提交一下审核，审核完了之后点击发布即可!

懒人打包版

当然也有人不想修改所以我也搞了个打包版只需要修改

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。