H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

這是一個h2網(wǎng)站或網(wǎng)頁轉(zhuǎn)微信小程序的通用教程，可以讓你簡單的學個幾分鐘就可以制作一款網(wǎng)頁小程序，這里我們以一個html5小游戲為例，演示快速實現(xiàn)制作一個網(wǎng)頁小程序。

1.首先我們要準備一臺電腦，需要注冊一個小程序（個人或企業(yè)都可以），一個國內(nèi)的備案域名，部署SSL證書（注冊小程序或部署ssl這些教程就不講了，比較簡單之前也發(fā)過，如果沒有注冊過或者搭建過網(wǎng)站的朋友可以看首頁的置頂文章）。

2.以上內(nèi)容準備完畢以后，登錄微信公眾平臺，選擇我們剛剛注冊的小程序，然后進入開發(fā)管理，配置我們備案過的域名。

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

3.添加完業(yè)務(wù)域名就可以進行去微信開發(fā)者工具創(chuàng)建小程序了，打開微信開發(fā)者工具選擇我們剛剛創(chuàng)建的小程序，不要選擇云開發(fā)，初始模板選擇默認模板，然后點擊確定創(chuàng)建小程序。

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

4.創(chuàng)建完小程序以后進入page/index/index.wxml文件，把里面的默認內(nèi)容全部刪除掉，把以下代碼添加到這個文件中，記得把域名替換成我們在微信公眾平臺添加的業(yè)務(wù)域名。

<view>
     <web-view src="https://你的域名/"></web-view> 
</view>

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)

5.如果需要修改小程序的標題的話就進入app.json文件，如圖，直接更換標題名稱即可，這樣小程序默認打開就會加載這個標題，等網(wǎng)站徹底載入之后才會顯示網(wǎng)站的標題。

H5網(wǎng)站轉(zhuǎn)微信小程序通用教程(幾分鐘教會你制作網(wǎng)頁小程序)