先先唄h5頁面申請（先先唄h5頁面是什么）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于先先唄h5頁面申請的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com，如需咨詢相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

• 1、微信H5支付流程

• 2、制作H5網(wǎng)頁怎么進(jìn)入制作

• 3、h5網(wǎng)站如何開通支付寶

• 4、H5頁面接入微信授權(quán)

一、微信H5支付流程

1、用戶在商戶側(cè)完成下單，使用微信支付進(jìn)行支付

2、由商戶后臺向微信支付發(fā)起下單請求（ 調(diào)用統(tǒng)一下單接口 ）注：交易類型trade_type=MWEB

3、統(tǒng)一下單接口返回支付相關(guān)參數(shù)給商戶后臺，如支付跳轉(zhuǎn)url（參數(shù)名“mweb_url”），商戶通過mweb_url調(diào)起微信支付中間頁

4、中間頁進(jìn)行H5權(quán)限的校驗(yàn)，安全性檢查（此處常見錯(cuò)誤請見下文）

5、如支付成功，商戶后臺會(huì)接收到微信側(cè)的異步通知

6、用戶在微信支付收銀臺完成支付或取消支付,返回商戶頁面（默認(rèn)為返回支付發(fā)起頁面）

7、商戶在展示頁面，引導(dǎo)用戶主動(dòng)發(fā)起支付結(jié)果的查詢

8,9、商戶后臺判斷是否接收到微信側(cè)的支付結(jié)果通知，如沒有，后臺調(diào)用我們的 訂單查詢接口 確認(rèn)訂單狀態(tài)（查單實(shí)現(xiàn)可參考： 支付回調(diào)和查單實(shí)現(xiàn)指引 ）

10、展示最終的訂單支付結(jié)果給用戶

常見問題

一、回調(diào)頁面

正常流程用戶支付完成后會(huì)返回至發(fā)起支付的頁面，如需返回至指定頁面，則可以在MWEB_URL后拼接上redirect_url參數(shù)，來指定回調(diào)頁面。

如，您希望用戶支付完成后跳轉(zhuǎn)至 https://www.wechatpay.com.cn ，則可以做如下處理：

假設(shè)您通過統(tǒng)一下單接口獲到的MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096

則拼接后的地址為MWEB_URL= https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096&redirect_url=https%3A%2F%2Fwww.wechatpay.com.cn

注意：

1.需對redirect_url進(jìn)行urlencode處理

2.由于設(shè)置redirect_url后,回跳指定頁面的操作可能發(fā)生在：

a、微信支付中間頁調(diào)起微信收銀臺后超過5秒

b、用戶點(diǎn)擊“取消支付”或支付完成后點(diǎn)擊“完成”按鈕。因此無法保證頁面回跳時(shí)，支付流程已結(jié)束，所以商戶設(shè)置的redirect_url地址不能自動(dòng)執(zhí)行查單操作，應(yīng)讓用戶去點(diǎn)擊按鈕觸發(fā)查單操作。回跳頁面展示效果可參考下圖

二、其它常見錯(cuò)誤

| 網(wǎng)絡(luò)環(huán)境未能通過安全驗(yàn)證，請稍后再試 | 1. 商戶側(cè)統(tǒng)一下單傳的終端IP(spbill_create_ip)與用戶實(shí)際調(diào)起支付時(shí)微信側(cè)檢測到的終端IP不一致導(dǎo)致的，這個(gè)問題一般是商戶在統(tǒng)一下單時(shí)沒有傳遞正確的終端IP到spbill_create_ip導(dǎo)致，詳細(xì)可參見 客戶端ip獲取指引

2. 統(tǒng)一下單與調(diào)起支付時(shí)的網(wǎng)絡(luò)有變動(dòng)，如統(tǒng)一下單時(shí)是WIFI網(wǎng)絡(luò)，下單成功后切換成4G網(wǎng)絡(luò)再調(diào)起支付，這樣可能會(huì)引發(fā)我們的正常攔截，請保持網(wǎng)絡(luò)環(huán)境一致的情況下重新發(fā)起支付流程

|

| 2 |

| 商家參數(shù)格式有誤，請聯(lián)系商家解決 |

1. 當(dāng)前調(diào)起H5支付的referer為空導(dǎo)致，一般是因?yàn)橹苯釉L問頁面調(diào)起H5支付，請按正常流程進(jìn)行頁面跳轉(zhuǎn)后發(fā)起支付，或自行抓包確認(rèn)referer值是否為空

2. 如果是APP里調(diào)起H5支付，需要在webview中手動(dòng)設(shè)置referer，如(

Map<string> extraHeaders = new HashMap<string>();

extraHeaders.put("Referer", "商戶申請H5時(shí)提交的授權(quán)域名");//例如 http://www.baidu.com )</string></string>

|

| 3 |

| 商家存在未配置的參數(shù)，請聯(lián)系商家解決 | 1，當(dāng)前調(diào)起H5支付的域名（微信側(cè)從referer中獲?。┡c申請H5支付時(shí)提交的授權(quán)域名不一致，如需添加或修改授權(quán)域名，請登錄商戶號對應(yīng)的【商戶平臺->產(chǎn)品中心->開發(fā)配置】自行配置

2，如果設(shè)置了回跳地址redirect_url，請確認(rèn)設(shè)置的回跳地址的域名與申請H5支付時(shí)提交的授權(quán)域名是否一致 |

| 4 |

| 支付請求已失效，請重新發(fā)起支付 | 統(tǒng)一下單返回的MWEB_URL生成后，有效期為5分鐘，如超時(shí)請重新生成MWEB_URL后再發(fā)起支付 |

| 5 |

| 請?jiān)谖⑿磐獯蜷_訂單，進(jìn)行支付 | H5支付不能直接在微信客戶端內(nèi)調(diào)起，請?jiān)谕獠繛g覽器調(diào)起 |

| 6 |

| IOS：簽名驗(yàn)證失敗

安卓：系統(tǒng)繁忙，請稍后再試 | 1，請確認(rèn)同一個(gè)MWEB_URL只被一個(gè)微信號調(diào)起，如果不同微信號調(diào)起請重新下單生成新的MWEB_URL

2，如MWEB_URL有添加redirect_url，請確認(rèn)參數(shù)拼接格式是否有誤，是否有對redirect_url的值做urlencode,可對比以下例子格式：

https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096&redirect_url=https%3A%2F%2Fwww.wechatpay.com.cn |

|

|

| 7 |

| 由于商家傳入的H5交易參數(shù)有誤，該筆交易暫時(shí)無法完成,請聯(lián)系商家解決 | 統(tǒng)一下單中 spbill_create_ip 字段必須為客戶端IP地址 |

三、QA

Q1：

1、傳遞redirect_url safari瀏覽器時(shí)支付完成后會(huì)新開一個(gè)頁面；

2、還有就是有些ios手機(jī)使用其他瀏覽器支付完成后默認(rèn)會(huì)回到safari瀏覽器。

A1：

1、目前邏輯就是這樣設(shè)計(jì)的，防止商戶無限循環(huán)調(diào)用微信客戶端

2、對的，返回需要瀏覽器的schema信息，部分瀏覽器隱藏了這個(gè)信息，在無法拿到schema信息的情況下，就會(huì)回到safari瀏覽器

二、制作H5網(wǎng)頁怎么進(jìn)入制作

1、打開p圖的網(wǎng)頁；

2、點(diǎn)擊加號按鈕，開始制作H5頁面；

3、選擇新建一個(gè)空白頁面自己添加內(nèi)容，可以選用模板來制作，這里選擇來用一個(gè)模板制作H五頁面選擇一個(gè)符合自己要求的模板。

4、通過上方工具欄來添加或者修改頁面中的文字圖片背景等；

5、也可以制作素材利用PS或AI美圖等工具或是上傳照片；

6、為圖片，文字添加動(dòng)畫效果，選擇圖片或文字在動(dòng)畫窗口選擇動(dòng)畫效果.設(shè)置參數(shù)預(yù)覽調(diào)整參數(shù)到達(dá)想要效果；7、添加背景音樂，點(diǎn)擊上方工具欄音樂符號，在樂

三、h5網(wǎng)站如何開通支付寶

h5網(wǎng)站開通支付寶：

1登陸淘寶網(wǎng)網(wǎng)站（百度搜索一下即可）后，進(jìn)入支付寶頁面，然后點(diǎn)擊支付寶會(huì)員，選擇下面的“免費(fèi)注冊”

2然后在個(gè)人、個(gè)人商家、企業(yè)三個(gè)注冊方式中選企業(yè)點(diǎn)擊注冊。

3然后是校驗(yàn)賬戶名，可以填寫手機(jī)號或者是郵箱號碼，再輸入驗(yàn)證碼，閱讀下面的協(xié)議，最后點(diǎn)擊“同意一下協(xié)議并提交”

4提交后會(huì)出現(xiàn)驗(yàn)證賬戶信息，需要向手機(jī)發(fā)送免費(fèi)短信，把收到的驗(yàn)證碼輸入，在點(diǎn)擊立即校驗(yàn)。

5然后進(jìn)入郵箱，輸入郵箱密碼，找到剛收到的支付寶系統(tǒng)發(fā)的郵件，點(diǎn)擊相應(yīng)鏈接并激活支付寶賬戶。

6激活成功后再填寫基本信息，主要有支付密碼、登錄密碼、安全保護(hù)問題和答案等，其中支付密碼要牢記，最好和登錄密碼分別設(shè)置。

7然后要填寫完整真實(shí)的個(gè)人信息，填寫完后即可完成注冊了。

四、H5頁面接入微信授權(quán)

開發(fā)文檔: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432

由于我這邊申請過了所以不做過多演示,這里我們需要注意幾個(gè)地方,我們?nèi)绻贿m用JDSK的話只需要關(guān)注紅色方框的地方,如果需要使用JSDK如調(diào)用相機(jī)、分享等。

其次測試號微信授權(quán)需要配置回調(diào)域名所以我們需要配置Natapp映射的域名,這里配置的地址只需要域名,配置在頁面服務(wù)->網(wǎng)頁賬號->修改。

核心pom.xml。

核心application.yml。

以下配置類@Data使用了Lombok文章中沒有說明配置的話自己百度或者自己寫GetSet。

這個(gè)配置類的由來主要是因?yàn)閃xMpService接口有多個(gè)實(shí)現(xiàn)類自動(dòng)注入的話IOC不知道使用哪個(gè)實(shí)現(xiàn)類,還有就是每次調(diào)用API接口如查用戶、素材之類。每次之前都要設(shè)置一個(gè)wxMpConfigStorage,所以我們這里使用了一個(gè)組件來管理相關(guān)的Bean配置。

其中我們大體的可以看出authorizationUrl接口是用戶在微信端點(diǎn)擊的授權(quán)API其次方法中才是構(gòu)建微信授權(quán)鏈接讓項(xiàng)目自己去重定向之后會(huì)到回調(diào)地址userInfo接口這里大家可以自由發(fā)揮返回前端頁面也可以。

下方就是微信授權(quán)訪問接口中的方法和官方參數(shù)解析。

項(xiàng)目啟動(dòng)之后我們需要把外部訪問請求發(fā)送到自己的測試公眾號前提需要關(guān)注。

以上就是用戶授權(quán)的操作一般在公眾號開發(fā)嵌入H5網(wǎng)頁常用的第一步還有就是jdsk驗(yàn)證也需要這里不細(xì)講可以百度相關(guān)教程,使用了此SDK之后不需要自己去封裝一些API操作簡便了微信開發(fā)。（此教程于博客遷移,時(shí)間并非當(dāng)日編寫其次可去GitHub搜索weixin-java-mp看最新文檔和相關(guān)使用教程）

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

推薦閱讀：

先先唄h5頁面申請（先先唄h5頁面是什么）

景觀設(shè)計(jì)規(guī)劃哪家實(shí)惠（景觀規(guī)劃建筑設(shè)計(jì)廠商）

南京景觀設(shè)計(jì)（南京旅游必去十大景點(diǎn)推薦）