微信h5

h5產(chǎn)品有一個(gè)特征，登錄流程容易被打亂 。

用戶可能從任何一個(gè)頁面的鏈接點(diǎn)擊進(jìn)入h5程序。只要鏈接不是第一個(gè)頁面的鏈接，就會(huì)打亂我們原來的登錄流程。如果用戶是從訂單頁面鏈接進(jìn)入h5程序，用戶就跳過了原來的登錄頁面。意味著用戶就沒有登錄然后進(jìn)入了該頁面。

出現(xiàn)這個(gè)現(xiàn)象主要應(yīng)該分享給別人造成的，難以預(yù)估用戶從哪個(gè)頁面分享出去

如圖三種可能性。按正常邏輯是一定要登錄才能進(jìn)入該頁面的。

面對這個(gè)情況，有兩個(gè)處理辦法

第1種方法，用戶會(huì)損失一點(diǎn)便利性

但是會(huì)帶來開發(fā)上的邏輯清晰感，避免邏輯錯(cuò)誤帶給用戶的差體驗(yàn)。因?yàn)橛脩魪哪膫€(gè)頁面進(jìn)入難以預(yù)測，登錄后應(yīng)該跳轉(zhuǎn)哪個(gè)頁面不好判斷。例如如果用戶直接從登錄頁面進(jìn)來的，從支付完成頁面進(jìn)來的等等。這樣可以把事情變得簡單。

第2種方法的好處也有，就是可以接著剩余的流程干活

流程很長，要填寫的東西很多時(shí)，用戶會(huì)特別想可以根據(jù)剩下的流程來做事情。用戶會(huì)收藏未完成的步驟，準(zhǔn)備好資料好進(jìn)行剩下的步驟。特別是政府的報(bào)名系統(tǒng)。根據(jù)合適的情況來處理吧。

有些頁面是不需要處于登錄狀態(tài)也可以進(jìn)入查看的

例如活動(dòng)頁面(首頁)，登錄頁面，錯(cuò)誤報(bào)告頁面(如斷網(wǎng)，服務(wù)器錯(cuò)誤，訪問的鏈接頁面不存在)

這里要做好判斷

問題就是這種屏幕的底部有34左右像素不能被用戶點(diǎn)擊了，如果這個(gè)區(qū)域有需要點(diǎn)擊的按鈕，就可能失去功能。

如圖

解決辦法可以參考下面這個(gè)鏈接

https://blog.csdn.net/dx18520548758/article/details/80010358

5.ui適配問題

簡單就是根據(jù)屏幕寬度，對一切進(jìn)行等比例放大縮小。

采用微信公眾號(hào)的支付方式時(shí)，支付完成后不能順利返回h5頁面。

原因就是 微信今年6月份出了一個(gè)點(diǎn)金計(jì)劃，必須開通對接它才能順利返回H5頁面

點(diǎn)金計(jì)劃是干什么，先看圖

微信想收割支付的流量，在支付完成頁面展示廣告，幸好不是特別流氓，讓你有選擇不展示廣告

特別說明

微信支付有四種商戶，普通商戶，服務(wù)商，渠道商，特約商戶(服務(wù)商下的子商戶)。

只有服務(wù)商能夠開通點(diǎn)金計(jì)劃，且是必須開通。所以 如果是服務(wù)商使用微信公眾號(hào)支付 就必須開通點(diǎn)金計(jì)劃。如果是普通商戶使用微信公眾號(hào)支付，就沒有這個(gè)限制 。

具體看鏈接

( https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/goldplan/chapter1_1.shtml )

開發(fā)中的注意事項(xiàng)

1.微信用iframe托管了我們的支付完成頁面，

2.對讀寫緩存，發(fā)送http請求，彈框等做了限制，還做了哪些限制沒有說，要自己去探索。

3.他會(huì)在鏈接中傳遞回來 out_trade_no 商戶訂單號(hào)，根據(jù)這個(gè)字段，方便我們?nèi)ヌD(zhuǎn)詳情。

具體開發(fā)對接參考鏈接

https://blog.csdn.net/CrazBarry/article/details/108790227

二、微信H5頁面制作流程

1、登錄支持H5頁面制作的網(wǎng)站平臺(tái)，點(diǎn)擊創(chuàng)建作品；

2、根據(jù)行業(yè)、活動(dòng)或節(jié)日選擇適合的模板；

3、了解制作頁面的布局，添加素材，做好準(zhǔn)備工作；

4、編輯文本，包括其顏色、字號(hào)、樣式、跳轉(zhuǎn)等，也可點(diǎn)擊功能區(qū)的藝術(shù)字來豐富文本的字體；

5、更換圖片并編輯圖片樣式、跳轉(zhuǎn)及動(dòng)畫；

6、設(shè)置各材料的動(dòng)畫特效，包括淡入、放大、飛入、滑入展開等等，還有速度和延遲；

7、每個(gè)頁面均按照以上步驟操作，全部頁面完成之后，點(diǎn)擊“設(shè)置”添加背景音樂和編輯分享樣式；

8、最后點(diǎn)擊保存、發(fā)布，將二維碼和鏈接保存即可。

三、微信h5頁面是什么

H5是指第5代HTML，也指用H5語言制作的一切數(shù)字產(chǎn)品。

所謂HTML是“超文本標(biāo)記語言”的英文縮寫，用戶上網(wǎng)所看到網(wǎng)頁，多數(shù)都是由HTML寫成的，“超文本”是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素，而“標(biāo)記”指的是這些超文本必須由包含屬性的開頭與結(jié)尾標(biāo)志來標(biāo)記。

瀏覽器通過解碼HTML，就可以把網(wǎng)頁內(nèi)容顯示出來，它也構(gòu)成了互聯(lián)網(wǎng)興起的基礎(chǔ)。

四、微信h5怎么做 微信h5做的方法

1、首先通過電腦瀏覽器打開人人秀的官方網(wǎng)站。

2、在官網(wǎng)主界面的右上方可以看到【登錄】和【注冊】兩個(gè)選項(xiàng)，如果之前注冊過賬號(hào)的，可以直接點(diǎn)擊登錄按鈕。

3、使用賬號(hào)登錄到人人秀網(wǎng)站之后，在我的場景里可以找到【創(chuàng)建場景】選項(xiàng)。

4、點(diǎn)擊【創(chuàng)建場景】選項(xiàng)之后，即可進(jìn)入場景創(chuàng)建界面了，可以創(chuàng)建一個(gè)空白場景，也可以使用其它作者已經(jīng)創(chuàng)建好的場景模板。

5、在這里我們選擇自主創(chuàng)建一個(gè)模板，點(diǎn)擊【空白模板】選項(xiàng)，即可進(jìn)入場景的創(chuàng)建界面了。

6、點(diǎn)擊右方的【背景圖片】區(qū)域，可以彈出背景素材庫，為自己制作的文案選擇漂亮的背景，除此之外，也可以自己上傳漂亮的圖片作為背景。

7、點(diǎn)擊右邊菜單欄里的【音樂】，【文字】等功能選項(xiàng)，可以在制作的場景里添加音樂背景，文字等，選擇添加的文字，也可對文字進(jìn)行編輯，設(shè)置動(dòng)畫模式等。

8、點(diǎn)擊左下側(cè)的加號(hào)，也可以增加新的界面，然后根據(jù)上述的方法對新加的界面進(jìn)行單獨(dú)的編輯。

9、場景編輯完成之后，點(diǎn)擊右上角的【發(fā)布】按鈕，即可將自己創(chuàng)建的場景發(fā)布。

10、點(diǎn)擊【發(fā)布】按鈕，彈出場景發(fā)布對話窗口，可以對話窗口填上分享標(biāo)題、分享描述、上傳分享頭像、設(shè)置翻頁動(dòng)畫，然后點(diǎn)擊【下一步按鈕】。

11、發(fā)布完成以后會(huì)生成推廣二維碼&推廣鏈接；自己創(chuàng)建的場景可以通過掃描二維碼分享到QQ，微信，微博，空間等地方，比如我們想分享到微信上，可以點(diǎn)擊微信，彈出二維碼，使用手機(jī)掃描該二維碼即可。

12、如果想看到自己創(chuàng)建的場景的數(shù)據(jù)，可以點(diǎn)擊【流量統(tǒng)計(jì)】，在這里可以看到場景的瀏覽量、獨(dú)立訪客以及分享統(tǒng)計(jì)。

以上就是關(guān)于微信h5相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

微信分身震動(dòng)關(guān)不了

微信聊天記錄頭像怎么換成自己的

微信開通小程序要錢嗎

網(wǎng)紅直播背景（網(wǎng)紅直播背景墻效果圖大全）

南寧房地產(chǎn)景觀設(shè)計(jì)公司（南寧房地產(chǎn)景觀設(shè)計(jì)公司有哪些）