app跳轉小程序發(fā)起支付再返回app,經驗分享

前言

最近公司項目要求app拉起微信小程序逊脯,使用微信小程序進行支付优质,開始一聽,有點懵逼军洼,迷茫巩螃,不知所措.....后來經過一番折騰,預研匕争,查看相關資料避乏,請教相關人士,終于有了結果甘桑,下面給大家分享一下吧拍皮。

歡迎加我技術交流QQ群 :811956471

前提條件準備:app和微信開放平臺進行綁定

一.app端要做的事情:

詳細demo參見:https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=21526646437Y6nEC&token=&lang=zh_CN</u>

原生語言:
public void do_WX(String paramString) {
    this.api = WXAPIFactory.createWXAPI(this.context, "wx13421424214");//小程序appid
    WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
    req.userName = "gh_1aXXXXXX";//小程序ID
    req.path = paramString;
    req.miniprogramType = 1;
    this.api.sendReq(req);
  }
支付按鈕事件:
button.setOnClickListener(new View.OnClickListener() {
          public void onClick(View param1View) { MainActivity.this.do_WX("小程序url?Param1=XX&param2=YY"); }
  });
我用的是uni-app開發(fā)的app歹叮,代碼片段:
onLoad() {
      // #ifdef APP-PLUS  
      plus.share.getServices((s)=> {
        var shares = {};
        for (var i = 0; i < s.length; i++) {
          var t = s[i];
          shares[t.id] = t;
        }
        var sweixin = shares['weixin'];
        this.sweixin=sweixin
      }, function(e) {
        console.log("獲取分享服務列表失敗:" + e.message);
      });
      //#endif
    },
    methods: {
      kanshipin: function() {
        //#ifdef APP-PLUS  
        this.sweixin ? this.sweixin.launchMiniProgram({
          path: 'pages/test/test?phone=13201860552',
          type: 1,//可取值: 0-正式版铆帽; 1-測試版咆耿; 2-體驗版。 默認值為0爹橱。
          id: '原始微信小程序id'
        }) : plus.nativeUI.alert('當前環(huán)境不支持微信操作!');
        //#endif  
      }
    }

好了萨螺,到此app打開小程序的事情已經做完了

二:小程序端要做的事情

1、發(fā)起支付:

在微信小程序里面指定一個頁面愧驱,當app跳轉到這個頁面的時候慰技,在onLoad的函數里面判斷app傳遞過來的參數,直接調用小程序的api發(fā)起支付即可冯键,此處省略代碼一千行惹盼,詳情看小程序的開發(fā)文檔即可。

2惫确、發(fā)起支付完成返回app:

用小程序的api:
<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打開APP</button>

效果就是直接返回到了剛剛app打開小程序的那個頁面手报,非常棒。

三改化、總結:

(1)商戶小程序與APP主體一致掩蛤,直接調用,如無陈肛,自助完成綁定關系揍鸟;
(2)商戶App調用自有微信小程序的跳轉接口并攜帶商戶的身份和交易核心數據;
(3)小程序接收到數據后,調用統(tǒng)一下單接口;
(4)在小程序中確認支付;
(5)完成支付之后返回商戶自己App(Android/IOS通用)句旱,完成整個支付流程阳藻,收銀寶完成異步通知。

四谈撒、注意事項:

1腥泥、前提條件準備:app和微信開放平臺進行綁定
2、小程序目前不可以直接打開app,打開app的前提是啃匿,是app打開小程序之后蛔外,才可以在小程序里面打開app(說白了其實就是小程序直接返回app)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市溯乒,隨后出現的幾起案子夹厌,更是在濱河造成了極大的恐慌,老刑警劉巖裆悄,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件矛纹,死亡現場離奇詭異,居然都是意外死亡光稼,警方通過查閱死者的電腦和手機或南,發(fā)現死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門逻住,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人迎献,你說我怎么就攤上這事∧宸。” “怎么了吁恍?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長播演。 經常有香客問我冀瓦,道長,這世上最難降的妖魔是什么写烤? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任翼闽,我火速辦了婚禮,結果婚禮上洲炊,老公的妹妹穿的比我還像新娘感局。我一直安慰自己,他們只是感情好暂衡,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布询微。 她就那樣靜靜地躺著,像睡著了一般狂巢。 火紅的嫁衣襯著肌膚如雪撑毛。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天唧领,我揣著相機與錄音藻雌,去河邊找鬼。 笑死斩个,一個胖子當著我的面吹牛胯杭,可吹牛的內容都是我干的。 我是一名探鬼主播萨驶,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼歉摧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了腔呜?” 一聲冷哼從身側響起叁温,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎核畴,沒想到半個月后膝但,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡谤草,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年跟束,在試婚紗的時候發(fā)現自己被綠了莺奸。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡冀宴,死狀恐怖灭贷,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情略贮,我是刑警寧澤甚疟,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站逃延,受9級特大地震影響览妖,放射性物質發(fā)生泄漏。R本人自食惡果不足惜揽祥,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一讽膏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拄丰,春花似錦府树、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至站绪,卻和暖如春遭铺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背恢准。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工魂挂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人馁筐。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓涂召,卻偏偏與公主長得像,于是被迫代替她去往敵國和親敏沉。 傳聞我的和親對象是個殘疾皇子果正,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內容