1.打開微信開發(fā)者工具,新建一個小程序項目关带,如果沒有正式appid细溅,可先用測試號
2.?新建小程序完成后褥傍,打開編輯器,在項目錄中找app.json文件喇聊,將pages項目中多余的代碼刪除摔桦,navigationBarTitleText 項目對應(yīng)的小程序名字,修改為你的小程序名
3.打開/pages/index/index.wxml文件,清空默認(rèn)代碼邻耕,添加
<web-view src="你的h5網(wǎng)站域名"></web-view>
(注意:如果域名還沒有綁定 https 證書鸥咖,需要點(diǎn)擊右邊詳情后勾選不校驗合法域名!)
web-view
承載網(wǎng)頁的容器兄世。會自動鋪滿整個小程序頁面啼辣,個人類型的小程序暫不支持使用。
指向域名的限制:域名必須為https協(xié)議且經(jīng)過ICP備案
域名修改限制:一個小程序最多可添加20個域名御滩,一年可修改50次
小程序提供了webview網(wǎng)頁中使用的JSSDK文件鸥拧,引用方式如下:
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
wx.miniProgram.navigateTo({url: '/path/to/page'})? //要跳到的小程序頁面路徑
引入SDK后可以調(diào)用小程序JSSDK提供的接口,雖然不如小程序原生接口豐富削解,也能獲取到設(shè)備網(wǎng)絡(luò)狀態(tài)富弦、地理位置等信息,另外還提供了微信掃一掃氛驮、搖一搖腕柜、長按識別、拍照等接口矫废。