如果快速将手机网页转为微信小程序？

ironMan.K

前置条件：

1、自行申请注册小程序账号

2、网页开通HTTPS

具体步骤如下：

1、下载微信开发者工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、安装好之后，打开微信开发者工具，选择小程序项目

3、点击管理项目后侧加号（界面右下角）

4、打开新建项目界面，选择项目目录，输入APPID、项目名称，确定

5、打开app.json文件，将pages项目中多余的代码删除，navigationBarTitleText项目对应的小程序名字，修改一下，点击顶部菜单：文件，保存。

6、打开/pages/index/index.wxml文件，将文件中内容清空，粘贴一下代码：

<web-view src="https://www.xcwl.com"></web-view>

7、届时，左侧预览窗口会出现预览界面，但是在未设置的情况下，会出现类似以下页面（不支持打开非业务域名https://www.xcwl.com，请重新配置。）

此时，登录微信小程序管理页面，依次点击：设置、开发设置。

将页面向下滚动，找到业务域名区域，点击开始配置。

管理员扫码确认

下载校验文件，上传至网站根目录，在业务域名处输入对应的域名，保存。

如果校验文件未上传，则无法保存，会出现“文件校验失败。若已上传文件，可根据指引自查。”的提示。

保存成功后效果如下：

8、回到微信开发者工具，再次在index.wxml文件中点击保存，左侧可出现正确的预览，如下图：

9、点击右上角上传

10、上传时，会弹出确认页面，一次输入版本号，项目备注，点击上传。这里需要注意的是版本号只能是字母、数字、小数点。

11、回到微信小程序操作页面，

点击开发管理，找到刚才提交的版本，点击后面的提交审核。