微信開放標(biāo)簽

微信開放標(biāo)簽相信大家都很熟悉，是微信公眾平臺面向網(wǎng)頁開發(fā)者提供的擴展標(biāo)簽集合。 通過使用微信開放標(biāo)簽，網(wǎng)頁開發(fā)者可安全便捷地使用微信或系統(tǒng)的能力，為微信用戶提供更優(yōu)質(zhì)的網(wǎng)頁體驗 。此文檔面向網(wǎng)頁開發(fā)者，介紹微信開放標(biāo)簽如何使用及相關(guān)注意事項。 需要注意的是，微信開放標(biāo)簽有最低的微信版本要求，一定要注意版本哦！ #微信版本要求為：7.0.12及以上。 系統(tǒng)版本要求為：iOS 10.3及以上、Android 5.0及以上。

第一步：

第二步

在公眾號設(shè)置里面找到功能設(shè)置里面填寫你的域名，如果你的項目沒有下載過文檔上的文件，那么下載它放在你域名的根目錄下面就可以了
復(fù)制代碼

第三步：

在你的項目中引入wx的js res.wx.qq.com/open/js/jwe… 此處第一個坑來了，在安卓和ios上不同的是。如果你的頁面啟用了https，那么你在必須引入res.wx.qq.com/open/js/jwe… 否則會在ios9.0以上系統(tǒng)中成功使用jssdk。 接下來你需要后端配合你配置一些wx.config需要的參數(shù)，直接上代碼

此處有個注意??！配置的是wx-open-launch-weapp，要跳轉(zhuǎn)APP是wx-open-launch-app，別踩坑。

第四步 先看一下官方的代碼

此處踩雷是我踩的最多的！

首先template標(biāo)簽，在這里肯定是不好用的，所以我們先來了解一下HTML5的，template標(biāo)簽看完這里，我們應(yīng)該想到我們項目用到的是React，react是通過擴展語言jsx來書寫Html頁面的，
也是通過babel轉(zhuǎn)譯成普通js代碼來讓瀏覽器識別的。jsx渲染大家都知道特使通過大小寫的方式來識別組件和正常標(biāo)簽的，
所以template標(biāo)簽會被轉(zhuǎn)化為原生元素，瀏覽器是沒有這個原生元素的，所以就產(chǎn)生了問題。
復(fù)制代碼

接下來我們在看一下官方文檔

雖然說得是vue，但是我感覺react也是一樣的。所以接下看在看代碼

這里注意一下script標(biāo)簽，script內(nèi)部創(chuàng)建的標(biāo)簽的樣式和外面完全隔離，沒有一絲關(guān)系,所以只能用行內(nèi)方式style的方式添加樣式，className不可以。

結(jié)束

基本上上述描述應(yīng)該可以滿足大家的開發(fā)需求，也是記一次自己走過的路。測試的時候還是很麻煩的，因為只能跳轉(zhuǎn)線上小程序，但愿上線的是沒有問題。