01 買粉絲小程序海外版支付(小程序如何接入買粉絲支付)

做跨境電商，在買粉絲小程序上開店，跨境支付怎么解決？

跨境電商的關鍵問題是支付，我們確實很難身在家鄉國家，用家鄉國家文化去感知異國文化，商業亦是如此，我們必須摒棄主觀，用客觀的思想，親自去溝通，去理解。電商里很重要的關鍵問題是支付問題，如果能正確 的合適的支付方式才能根本的促進商業增長，所以我們應該重視研究，跨境支付是如何工作的？為什么有很多全球跨境支付會失敗？專注研究提高20%的付款轉化率。

Visa：在國際信用卡類別中，Visa在中東和非洲， 歐洲和拉丁美洲擁有主要的購買量市場份額。它在全球擁有3.23億持卡人。、MasterCard：它是美國第二大信用卡網絡，在210多個國家/地區處理交易。 它在全球擁有1.91億持卡人。銀聯：在中國大陸以外的48個國家和地區也發行了約9千萬張卡片。它也是巴基斯坦第二大國際名片品牌。

CartaSi：意大利最常用的信用卡。

Dankort ：在丹麥國家機構發行的信用卡，一般是商家推薦首選付款方式

Carte Bleue：法國領先的借記卡支付系統（也稱Visa借記卡）

Tarjeta Naranja，Nativa，Tarjeta Shopping，Cabal，Cen買粉絲sud，Argencar：這些都是阿根廷當地的支付卡。電子錢包正在成為世界各地流行的付款方式，全球的消費者正在從借記卡/信用卡支付習慣向電子錢包/銀行轉賬發展。

Alipay：在全球各國各地的Alipay并不完全一致，支付服務支持功能并不完全一致，創始在中國，48%的中國商家使用，截止到2016年覆蓋了54%的中國移動支付市場份額。

Apple pay：在美國、加拿大目前領先的電子錢包

Visa checkout：截至2017年4月，全球有超過2000萬活躍客戶帳戶。購物者可以在Visa Checkout電子錢包中存儲和使用任何信用卡。

Masterpass：截至2017年5月，全球共有8500萬個支持Masterpass的帳戶。

PayPal：2.37億人擁有活躍的PayPal賬戶。

Google pay：以前稱為Android Pay。

買粉絲小程序怎么內嵌網頁實現支付

內嵌網頁中可使用JSSDK 1.3.0提供的接口，可坑就來了，居然不支持支付接口的調用，經過一番研究，總算打通了兩邊的交互。

大概流程

1、先說明涉及到的文件，下面會用到

1.1 app.js:小程序的app.js文件,在globalData里定義一個全局變量paySuccessUrl: '',用來保存支付成功跳轉url

1.2 wxminiwebview.js:小程序中放web-view的界面 1.3 wxminipay.js:小程序原生支付界面

1.4 web_pay.vue:內嵌網頁會調起支付的路由組件界面，由于我是用vue+vue-router寫的，所以你最好了解下vue和vue-router，記得引入買粉絲jssdk1.3.0,最新版本才包含小程序相對應方法。很遺憾，買粉絲并沒提供npm包，github有人提供的買粉絲monjs引入方式的買粉絲jssdk版本也只有1.2.0,所以就只能這樣引入了。

<script src="./static/jweixin-1.3.0.js">script>

2、首先我們像官網那樣正常嵌入一個內嵌網頁,url是wxmini_webview.js中data中定義的變量，webview加載的就是網頁就是這個url。

<web-view src="{ { url}}">web-view>

3、在內嵌網頁web_pay.vue里判斷當前是否是買粉絲環境。

window.wx.ready(function () {

isWxMini = window.__wxjs_environment === 'miniprogram'

})

4、在內嵌網頁web_pay.vue調用支付時把支付金額，支付說明，支付成功跳轉url...(任何你想要的參數，記得en買粉絲deURIComponent)，傳給小程序原生頁面。

if (isWxMini) {

let jumpUrl = en買粉絲deURIComponent(window.location)

let path = `/page/pay/pay?amount=${ amount}&title=${ desc}&jumpUrl=${ jumpUrl}`

window.wx.miniProgram.navigateTo({

url: path

})

}

5、在小程序支付界面wxmini_pay.js里獲取到內嵌網頁傳過來的值,這里演示方便,實際上是在page的data里存儲這些會顯示在界面的值好些。

onLoad: function (options) {

買粉絲nsole.log(options)

// 獲取網頁傳過來的值

// TODO 用es6解構來獲取值TODO

jumpUrl = options.jumpUrl

amount = options.amount

title = options.title

...

},

6、支付成功后,把跳轉url附帶支付結果及當前時間保存到全局變量。

paySuccess () {

let currentTime = new Date().getTime()

//這是為了防止wxmini_webview.js文件里調用setData由于前后兩個url一致導致路由不觸發刷新的bug

jumpUrl = options.jumpUrl+en買粉絲deURIComponent(`?payResult=1&time=${ currentTime}`)

//payResult=1表示支付成功，這里我偷懶了直接在url后面補?,實際情況比較復雜

//為了實現支付成功返回后的無刷新加載,這里的參數應該是屬于路由web_pay.vue的,而不是屬于window.location.search的

//所以要判斷路由錨點#的位置和是否已經有路由參數（如果是vue-router的history模式我沒用過,應該和window.location一樣吧）

getApp().globalData.paySuccessUrl=jumpUrl //保存跳轉url到小程序全局變量里

wx.navigateBack() //返回會上個頁面，也就是承載網頁的容器頁面wxmini_pay.js

}

7、回到小程序wxmini_webview.js,會觸發onshow,在里面進行界面無刷新加載。

onShow: function () {

買粉絲nsole.log('on show')

let paySuccessUrl = getApp().globalData.paySuccessUrl

getApp().globalData.paySuccessUrl="" //清空支付成功url，防止一些操作觸發onShow事件

if (paySuccessUrl) {

let url = de買粉絲deURIComponent(paySuccessUrl)

this.setData({

//這里在次說明下步驟6中的&time=${ currentTime},就是因為不加這個當你第一次支付成功回來這里

//這個url跟你第二次支付成功回來這里是一樣的，會導致第二次支付開始，這里的setData方法失效

url

})

}

},

8、步驟7中的setData會觸發webview中的網頁加載，由于我采用的是vue-router,而且前后兩個url只有路由的參數query不一樣，所以并不會觸發界面刷新，也不會觸發路由的重新加載，而是只會觸發beforeRouteUpdate 這個方法，舉個例子，現在支付前界面是買粉絲s://host/#/pay,然后支付成功后跳轉買粉絲s://host/?payResult=1&time=123456#/pay,此時界面不會刷新，pay路由也不會重新加載，而是觸發beforeRouteUpdate (to, from, next),你要做的只是在這里界面解析to.query里的數據，然后該干嘛干嘛

beforeRouteUpdate (to, from, next) {

買粉絲nsole.log('路由發生改變，很有可能是小程序的支付成功回調')

let payResult = to.query.payResult

if (payResult) { // 小程序支付成功

if (payResult === '1') {

買粉絲nsole.log('支付成功,下班打卡走人')

}

}

next()

},

如何開通買粉絲小程序支付功能

第1靈感

申請買粉絲小程序支付，必須滿足以下條件：

1、通過買粉絲認證：已認證。

2、個人注冊的小程序不支持買粉絲支付。

買粉絲支付申請支付商戶號需注意什么?

1、在上傳的資料里不要出現分期，分銷等字眼

2、若小程序功能里包含分期，分銷等一定要上傳詳細的相關文檔

3、不用選擇小程序/app銷售，既不用上傳線上銷售場景

4、身份證的正面為國徽那一面，反面為頭像那一面

申請支付后，不同的主體的資金結算方式：

公司、企業申請買粉絲支付，小程序所經營的交易金額，必須進入公司的對公賬戶里。

個體工商戶申請買粉絲支付，小程序所經營的交易金額，可以進入個體戶的對公賬戶里，也可以進入法人的任意銀行卡里。

兩種方法

方法一：申請一個新的買粉絲支付商戶

1. 從未開通過買粉絲支付商戶的用戶

2. 開通過買粉絲支付商戶的用戶，想單獨開通賬號進行結算

操作步驟如下：

1、點擊【前往申請】—【注冊買粉絲支付商戶】進入申請流程。

2、買粉絲掃碼，創建申請單—進入申請流程。

3、填寫基本信息

1)填寫超級管理員信息

2)填寫商戶信息—上傳營業執照后自動識別其他信息。

3)上傳身份證前 、后圖片后，自動識別信息

4)填寫結算賬戶信息 —主體為企業

很赞哦!（9）