前置條件：

1、 自行申請(qǐng)注冊(cè)小程序賬號(hào)

2、 網(wǎng)頁(yè)開通HTTPS

 

具體步驟如下：

1、下載微信開發(fā)者工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、安裝好之后，打開微信開發(fā)者工具，選擇小程序項(xiàng)目

 

3、 點(diǎn)擊管理項(xiàng)目后側(cè)加號(hào)（界面右下角）

 

4、 打開新建項(xiàng)目界面，選擇項(xiàng)目目錄，輸入APPID、項(xiàng)目名稱，確定

 

5、 打開app.json文件，將pages項(xiàng)目中多余的代碼刪除，navigationBarTitleText 項(xiàng)目對(duì)應(yīng)的小程序名字，修改一下，點(diǎn)擊頂部菜單：文件，保存。

 

6、 打開/pages/index/index.wxml文件，將文件中內(nèi)容清空，粘貼一下代碼：

<web-view src="http://www.huidifs.cn"></web-view>

 

 

7、 屆時(shí)，左側(cè)預(yù)覽窗口會(huì)出現(xiàn)預(yù)覽界面，但是在未設(shè)置的情況下，會(huì)出現(xiàn)類似以下頁(yè)面（不支持打開非業(yè)務(wù)域名https://www.huidifs.cn，請(qǐng)重新配置。）

 

此時(shí)，登錄微信小程序管理頁(yè)面，依次點(diǎn)擊：設(shè)置、開發(fā)設(shè)置。

將頁(yè)面向下滾動(dòng)，找到業(yè)務(wù)域名區(qū)域，點(diǎn)擊開始配置。

 

管理員掃碼確認(rèn)

 

下載校驗(yàn)文件，上傳至網(wǎng)站根目錄，在業(yè)務(wù)域名處輸入對(duì)應(yīng)的域名，保存。

 

如果校驗(yàn)文件未上傳，則無(wú)法保存，會(huì)出現(xiàn)“文件校驗(yàn)失敗。若已上傳文件，可根據(jù)指引自查。”的提示。

 

保存成功后效果如下：

 

8、 回到微信開發(fā)者工具，再次在index.wxml文件中點(diǎn)擊保存，左側(cè)可出現(xiàn)正確的預(yù)覽，如下圖：

 

9、 點(diǎn)擊右上角上傳

 

10、 上傳時(shí)，會(huì)彈出確認(rèn)頁(yè)面，一次輸入版本號(hào)，項(xiàng)目備注，點(diǎn)擊上傳。這里需要注意的是版本號(hào)只能是字母、數(shù)字、小數(shù)點(diǎn)。

 

11、 回到微信小程序操作頁(yè)面，

點(diǎn)擊開發(fā)管理，找到剛才提交的版本，點(diǎn)擊后面的提交審核。

 

是不是很簡(jiǎn)單啊？快動(dòng)起手來(lái)試試吧。

 

 

以上 【如果快速將手機(jī)網(wǎng)頁(yè)轉(zhuǎn)為微信小程序？】的內(nèi)容由欣創(chuàng)網(wǎng)絡(luò)（ http://www.huidifs.cn）收集整理，本文網(wǎng)址 ： http://www.huidifs.cn/news/wwwrfz6p7.html ，轉(zhuǎn)載請(qǐng)注明出處，如有侵權(quán)，聯(lián)系刪除！

更多有關(guān)漢中網(wǎng)站建設(shè)，漢中網(wǎng)站設(shè)計(jì)、漢中網(wǎng)站制作、漢中做網(wǎng)站公司、微信公眾平臺(tái)開發(fā)、電商平臺(tái)建設(shè) 等互聯(lián)網(wǎng)應(yīng)用服務(wù)都可以聯(lián)系我們。網(wǎng)站建設(shè)熱線： 0916-2233667/手機(jī)：18700660007（朱先生）