} else {
// 在非微信環(huán)境下打開小程序
document.getElementById(‘app’).innerHTML = ”;
}
});
“`
上述代碼中，div 標(biāo)簽的 id 為“app”，嵌入代碼就放在這個(gè) div 標(biāo)簽中。同時(shí)，還需要引入微信提供的 JS 文件。在腳本中，通過調(diào)用 wx.miniProgram.getEnv 方法判斷當(dāng)前環(huán)境是否是微信小程序，如果是，則使用 wx.miniProgram.navigateTo 方法跳轉(zhuǎn)到小程序的首頁；如果不是，則在 div 標(biāo)簽中嵌入一個(gè) iframe，將小程序的首頁頁面加載到 iframe 中。
4. 注意事項(xiàng)
在嵌入小程序到網(wǎng)頁中時(shí)，需要注意以下幾點(diǎn)：
– 嵌入代碼需要放在 div 標(biāo)簽中；
– 需要引入微信提供的 JS 文件；
– 需要判斷當(dāng)前環(huán)境是否是微信小程序，如果是，則使用 wx.miniProgram.navigateTo 方法跳轉(zhuǎn)到小程序的首頁；
– 如果不是微ios app 超級(jí)簽名一鍵分發(fā)平臺(tái)信環(huán)境，則需要在 div 中嵌入一個(gè) iframe。
三、小結(jié)
微信小程序嵌入網(wǎng)頁的原理是通過微信提供的嵌入代碼實(shí)現(xiàn)的。在嵌入小程序到網(wǎng)頁中時(shí)，需要準(zhǔn)備好小程序的 AppID 和路徑，并將獲取到的嵌入代碼放在網(wǎng)頁的 HTML 代碼中。同時(shí)，還需要引入微信提供的 JS 文件，判斷當(dāng)前環(huán)境是否是微信小程序，如果是，則使用 wx.miniProgram.navigateTo 方法跳轉(zhuǎn)到小程序的首頁；如果不是，則需要在 div 中嵌入一個(gè) iframe。
一門APP證書制作工具(https://platform.yimenapp.com/)提供APP證書在線制作，支持蘋果證書、安卓證書在線一鍵快捷制作。工具完全免費(fèi)，注冊成為一門APP開發(fā)者即可使用，全中文化云端APP證書工具。
一鍵制作IOS蘋果證書，包含appstore上架證書、開發(fā)環(huán)境測試證書、ADhoc生產(chǎn)環(huán)境測試證書、在線生成P12開發(fā)者證書證書，P12推送證書、P8推送證書，快捷綁定UDID、自定義包名Bundle ID、在線獲取描述文件；
一鍵制作安卓證書，支持自定義安卓包名、簽名文件密碼(storepass)、別名(alias)、別名密碼(keypass)、公司/機(jī)構(gòu)名稱 (O)、部門 (OU)、國家/地區(qū) (C)、省份 (ST)、城市 (L)、郵箱 (E)、以及安卓證書有效期。
