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