小程序-web-view的簡單思考和實(shí)踐

微信小程序的組件web-view推出有一段時間了实愚,這個組件的推出可以說是微信小程序開發(fā)的一個重要事件,讓微信小程序不會只束縛在微信圈子里了思喊,打開了一個口子言沐,這個口子或許還比較小,但未來有無限可能伤锚。


web-view

簡單思考

1.通過web-view嵌入網(wǎng)頁功能開放,給微信小程序的發(fā)展帶來無限的可能擅笔,有好,也有壞屯援,但利大于弊猛们。好處在于讓微信的開放性更強(qiáng),無論將來混合模式和還是純H5都有更多的機(jī)會在微信這個大舞臺有表演機(jī)會狞洋。壞處可能就是也打開了漏洞之門弯淘,會有更多魚龍混雜情況出現(xiàn),這對微信的生態(tài)圈是個挑戰(zhàn)吉懊。

2.這個口子的打開庐橙,再關(guān)上的可能性就不大了假勿,而且只能越大越開,按照微信的節(jié)奏态鳖,微信應(yīng)該有足夠把握才會開放這個功能转培,一切都在微信的掌控當(dāng)中。

3.大量基于h5的網(wǎng)站或應(yīng)用都會被“小程序化”郁惜,微信這個“大”瀏覽器成為移動互聯(lián)網(wǎng)海量流量的入口堡距。微信搜索會不會成為移動搜索的絕對第一的搜索?

4.對前端工程師這個職業(yè)帶來巨大的影響兆蕉,降低了開發(fā)小程序的成本羽戒,讓前端工程師更關(guān)注網(wǎng)頁的架構(gòu),減小微信小程序的總體開發(fā)壓力虎韵。

5.讓熱部署易稠、熱更新更為簡單,原來調(diào)整小程序風(fēng)格和布局需要重新審核和發(fā)布包蓝,這個周期有些長驶社。有了web-view后,基于它開發(fā)的頁面测萎,可以隨時改變外觀亡电、布局、數(shù)據(jù)硅瞧。

簡單實(shí)踐

1.web-view里內(nèi)嵌的域名域名在小程序管理后臺設(shè)置業(yè)務(wù)域名份乒,注意是業(yè)務(wù)域名,不是服務(wù)器域名腕唧。另外個人小程序目前是沒有這個設(shè)置或辖,因此也就無法使用這個功能。

2.一個頁面(wml)只能放置一個web-view枣接,且會覆蓋其他的組件鋪滿屏幕颂暇,這時候你就當(dāng)微信小程序是個瀏覽器好了。

3.web-view打開的頁面必須是支持https的但惶。

4耳鸯。目前支持的jssdk接口還比較少,只支持“圖像接口”,“音頻接口”,“智能接口”,“設(shè)備信息”,“地理位置”,“搖一搖周邊”,“微信掃一掃”,“微信卡券”,“長按識別”榆骚,比如獲取用戶信息片拍,微信支付之類都不行,我猜以后會慢慢放開妓肢,逐步達(dá)到微信公眾號的開放程度。

5.支持iframe 苫纤,最開始還不需要域名白名單(業(yè)務(wù)域名)碉钠,后來把這個漏洞給補(bǔ)上了祝高,不給人濫用的口子了污筷。如果你頁面上有google adsense可以要注意了,如果使用的蘋果版微信陆蟆,用web-veiw打開含有g(shù)oogle adsense就會報(bào)錯(有的安卓偶爾也會報(bào)錯,原因不明)林束,因?yàn)間oogle adsense會虛擬一個iframe出來,google的域名自然不會在你的業(yè)務(wù)域名里胖腾,就會報(bào)錯。

6.如果你的網(wǎng)站做了302跳轉(zhuǎn)性宏,跳轉(zhuǎn)的域名也要設(shè)置在業(yè)務(wù)域名里,別想著雞賊酵使,能躲過這個配置。

7.通過內(nèi)嵌網(wǎng)頁的功能可以實(shí)現(xiàn)站內(nèi)鏈接的跳轉(zhuǎn)痪欲,當(dāng)然不是小程序頁面的跳轉(zhuǎn)业踢,而是在小程序里打開網(wǎng)頁,雖然感覺上有些別扭,不過總算彌補(bǔ)了無法跳轉(zhuǎn)的麻煩遮糖,對資訊類的小程序是很好的功能芭概。

8.通過在onload里的options.url 參數(shù)可以解決分享web-view頁面加載的問題踢故,不過需要對options.url 通過decodeURIComponent進(jìn)行解碼,因?yàn)樵诜窒磙D(zhuǎn)發(fā)的時候,微信小程序?qū)rl的特殊字符進(jìn)行了十六進(jìn)制編碼洽瞬,因此需要通過decodeURIComponent來解碼样漆,小程序的web-view頁面才能正常加載鹅髓。

9.web-veiw頁面有時候無法觸發(fā)onShareAppMessage方法骗奖,原因不明鄙皇。如果有非web-view的頁面和web-view同時存在的小程序,如果是非web-view的頁面跳轉(zhuǎn)到web-view頁面膘壶,在轉(zhuǎn)發(fā)web-view頁面的時候無法觸發(fā)onShareAppMessage方法错蝴。如果有非web-view的頁面和web-view同時存在的小程序,如果是非web-view的頁面跳轉(zhuǎn)到web-view頁面,在轉(zhuǎn)發(fā)web-view頁面的時候無法觸發(fā)onShareAppMessage方法亡问。

10.web-veiw頁面 無法使用“打開調(diào)試”功能束世,如果需要看調(diào)試薪丁,需要返回上一個不使用web-view的頁面查看漫玄。

11.web-view 嵌入的網(wǎng)頁里如果有白名單以外的域名鏈接,點(diǎn)擊后會報(bào)錯睦优。

12.web-view不支持微信支付渗常,但web-view內(nèi)嵌的頁面使用了公眾號授權(quán)的微信支付,是可以在內(nèi)嵌的頁面使用微信支付的隐孽。換句話說癌椿,如果如果用web-view內(nèi)嵌公眾號的h5頁面,利用JSSDK是可以使用微信支付的

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末菱阵,一起剝皮案震驚了整個濱河市踢俄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌晴及,老刑警劉巖都办,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異虑稼,居然都是意外死亡琳钉,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進(jìn)店門动雹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來槽卫,“玉大人,你說我怎么就攤上這事胰蝠〖吲啵” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵茸塞,是天一觀的道長躲庄。 經(jīng)常有香客問我,道長噪窘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任倔监,我火速辦了婚禮,結(jié)果婚禮上菌仁,老公的妹妹穿的比我還像新娘。我一直安慰自己济丘,他們只是感情好谱秽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著疟赊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪近哟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天椅挣,我揣著相機(jī)與錄音,去河邊找鬼鼠证。 笑死,一個胖子當(dāng)著我的面吹牛量九,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播颂碧,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼载城!你這毒婦竟也來了肌似?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤诉瓦,失蹤者是張志新(化名)和其女友劉穎川队,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體睬澡,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡固额,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了煞聪。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片斗躏。...
    茶點(diǎn)故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖昔脯,靈堂內(nèi)的尸體忽然破棺而出啄糙,到底是詐尸還是另有隱情,我是刑警寧澤云稚,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布隧饼,位于F島的核電站,受9級特大地震影響碱鳞,放射性物質(zhì)發(fā)生泄漏桑李。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贵白。 院中可真熱鬧率拒,春花似錦、人聲如沸禁荒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呛伴。三九已至勃痴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間热康,已是汗流浹背沛申。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留姐军,地道東北人铁材。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像奕锌,于是被迫代替她去往敵國和親著觉。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內(nèi)容