如果快速将手机网页转为微信小程序？
前置条件：1、自行申请注册小程序账号2、网页开通HTTPS具体步骤如下：1、下载微信开发者工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html2、安装好之后，打开微信开发者工具，选择小程序项目http://dingyue.nosdn.127.net/zJAZH2JicPvkKTjYmPOopo1FFfOyvj3RFd837t4zreFhN1525420018969.jpg3、点击管理项目后侧加号（界面右下角）http://dingyue.nosdn.127.net/lrphlKzW3w3HoUNoEM=0G7nZ7=Mr5443KeQtCv8itGJjR1525420018969.jpg
4、打开新建项目界面，选择项目目录，输入APPID、项目名称，确定http://dingyue.nosdn.127.net/6qCr2KgBbifGOqN3EOglVp52XxA6LL6DcPLRhUcWD7Blc1525420018969.jpg
5、打开app.json文件，将pages项目中多余的代码删除，navigationBarTitleText项目对应的小程序名字，修改一下，点击顶部菜单：文件，保存。http://dingyue.nosdn.127.net/Y4DEBaDAKsXnzm6WHBNZJkauqnbeXFMQUl2Kutx1xLPsI1525420018969.jpg
6、打开/pages/index/index.wxml文件，将文件中内容清空，粘贴一下代码：<web-view src="https://www.xcwl.com"></web-view>http://dingyue.nosdn.127.net/nEyDnIwOFgMU=RtWaMYcA4oVcyVhhbuLbZJn29N7E0FEb1525420018969.jpg
7、届时，左侧预览窗口会出现预览界面，但是在未设置的情况下，会出现类似以下页面（不支持打开非业务域名https://www.xcwl.com，请重新配置。）http://dingyue.nosdn.127.net/KIFE5Yl06OoGGseDZWWB6r55jq24IhyU0YupP2dEW8Kba1525420018970.jpg
此时，登录微信小程序管理页面，依次点击：设置、开发设置。http://dingyue.nosdn.127.net/Tv8ZfLetlL7fN0c51t7gsys1TdU349C3zm5nYk5MRvsCv1525420018970.jpg
将页面向下滚动，找到业务域名区域，点击开始配置。http://dingyue.nosdn.127.net/jw1OyhwxxZDXwG7GKSZLtSggf0aCcaQV9l0uWmAFsqzJ01525420018970.jpg
管理员扫码确认http://dingyue.nosdn.127.net/maeSi6ssKD9c5WqsGjNCKI4OouW0hysDNRdtQJSbammMD1525420018970.jpg
下载校验文件，上传至网站根目录，在业务域名处输入对应的域名，保存。http://dingyue.nosdn.127.net/WyETqQYBw8B5gsPTeRdJiKlAIAQwdThgi5R=CNEaq2pxP1525420018972.jpg
如果校验文件未上传，则无法保存，会出现“文件校验失败。若已上传文件，可根据指引自查。”的提示。http://dingyue.nosdn.127.net/QsSrfHql84Y=qBR9DDibNa7hPFhUaQRz5Ul3cSfv83YJM1525420018973.jpg
保存成功后效果如下：http://dingyue.nosdn.127.net/uhVu8JLvRclpfZVDI0at1sXFHSt=574RBNaBLeD7=HoOX1525420018976.jpg
8、回到微信开发者工具，再次在index.wxml文件中点击保存，左侧可出现正确的预览，如下图：http://dingyue.nosdn.127.net/v1EaUFsJgyXhoeUVues7Y2HK=wxcSMyV5t4sXt7Ea8FWa1525420018976compressflag.jpg
9、点击右上角上传http://dingyue.nosdn.127.net/LkZXYMaHpNpwKElXjane4cGM1KnR=z89dEIsGc=dom9Fc1525420018977.jpg
10、上传时，会弹出确认页面，一次输入版本号，项目备注，点击上传。这里需要注意的是版本号只能是字母、数字、小数点。http://dingyue.nosdn.127.net/jYTDLvj9e5=COwwGTrFQFX=Yo=4pYNidAlN0pBHVPLcw31525420018977.jpg
11、回到微信小程序操作页面，点击开发管理，找到刚才提交的版本，点击后面的提交审核。http://dingyue.nosdn.127.net/GjaC8m1LZ6kqMQ6NbolzBPS08pPCmfyOfApraNfcgXO9W1525420018977.jpg
页:
[1]