1. 程式人生 > >支付寶小程式定義全域性變數,Token獲取並定義全域性變數

支付寶小程式定義全域性變數,Token獲取並定義全域性變數

做支付小程式的時候,我們通常要進行配置全域性的Token進行定義,一般我們可以採取這樣的形式進行定義:
定義全域性變數的是app.js中設定
首先要定義一個

 globalData:{
    Token:'',
    IsExist:3,
    UserName:"",
    IDCard:""
   },

然後在onLaunch(options) 方法中進行初始化並且賦值給全域性變數globalData

onLaunch(options) {
    //初始化使用者的資訊    
    console.log('getSystemInfoSync', my.getAuthCode({
      scopes: 'auth_user',
      success: ({ authCode }) => {
        console.log(authCode)
        my.httpRequest({
          url: 'http://xxxx/Api/MiniAppApi/GetUserInfoByAuthCode',
          method: 'GET',
          dataType: 'json',
          data: {
            auth_code: authCode,
          },
          success: (res) => {    
            this.globalData.Token = res.data.Data.Token,
              this.globalData.IsExist = res.data.Data.IsExist,
              this.globalData.UserName = res.data.Data.UserName,
              this.globalData.IDCard = res.data.Data.IDCard  
            my.alert({
              title: "證件號碼",
              content: this.globalData.IDCard
            })
          },
          fail: (err) => {
            my.alert({
              title: "錯誤資訊",
              content: JSON.stringify(err)
            })
          }
        });
      },
    }));

到此初始化賦值的全域性變數完成了
如果在其他的js頁面進行呼叫就要定義了
定義如下:
其他頁面需要呼叫可定義個變數const app = getApp(), 通過app.globalData.token獲取值

 navigateTo1: () => {
      my.alert({
        title: "Token資訊",
        content: app.globalData.Token
      })
    }

相關推薦

支付程式定義全域性變數Token獲取定義全域性變數

做支付小程式的時候,我們通常要進行配置全域性的Token進行定義,一般我們可以採取這樣的形式進行定義: 定義全域性變數的是app.js中設定 首先要定義一個 globalData:{ Token:'', IsExist:3, UserN

Okam(奧卡姆):程式開發框架支援百度程式、微信程式支付程式

Okam(奧卡姆):小程式開發框架,支援百度小程式、微信小程式、支付寶小程式 Okam 是什麼 `Okam` 一個面向小程式開發的開發框架,開發體驗類 `Vue`。詳情 Okam 對各小程式的支援情況 支援 百度小程式 支援 微信小程式 支援 支付寶小程式 Okam 提供

殭屍化的支付程式將在BAT廝殺中出局

在BAT紛紛加入小程式戰場後,小程式市場確實越來越熱鬧了。當BAT小程式逐步開放,你會發現其實三家小程式都有他們獨特的屬性,並且他們的優劣勢也逐漸被人發現。 近日,極客公園釋出了一篇名為《BAT 的小程式大戰,誰更像贏家》的文章,其中提到支付寶小程式是一個難以火爆的計劃經濟。如果從戰略解讀,這個

支付程式定義彈窗外掛|支付dialog外掛|model外掛

支付寶小程式自定義彈窗元件wcPop|小程式自定義對話方塊|actionSheet彈窗模板 支付寶小程式官方提供的alert提示框、dialog對話方塊、model彈窗功能比較有限,有些都不能隨意自定義修改的。如是自己就捯飭著封裝了個支付寶小程式自定義彈窗外掛wcPop,多種展示場景,隨意修改呼叫。 自定

【重磅】多多客將逐步支援百度、支付程式、H5、APP等打造國內首家全平臺綜合開發服務平臺

重磅訊息 多多客小程式自發布以來,以視覺化拖拽、N+營銷應用、海量行業模板等優勢備受商家和開發者青睞。隨著支付寶、百度、抖音等頭部APP接連佈局小程式,以及青否服務的客戶中對H5、APP的持續需求。多多客將從微信小程式第三方平臺到逐步支援百度智慧小程式、支付寶小程式、H

小程式社群】小程式社群提供微信小程式支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式支付寶小程式開發的領先社群這裡有最新的功能、最全的DEMO、最多的教程和最

小程式社群 小程式社群提供微信小程式和支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式和支付寶小程式開發的領先社群,這裡有最新的功能、最全的DEMO、最多的教程和最...

支付程式開發練習,顯示自定義二維碼(四)

之前用了幾種方式 1.後端生成二維碼需要加密的字元竄,小程式前端利用二維碼元件渲染canvas畫出二維碼,由於支付寶小程式沒有這樣的元件,於是去找微信小程式的解決方案,把微信小程式的二維碼前端元件搬過來用,除錯到不報錯了,結果二維碼顯示不出來,原因很難找,宣告失敗! 2.

微信程式快速移植支付程式

 移植背景: 1. 支付寶小程式開發文件只瞭解了大致框架,跑了demo,具體Api、元件沒太多瞭解; 2. 已有微信小程式,移植支付寶小程式做預研(主要針對授權登入、支付等功能)。 3. 移植的微信小程式屬小型專案,頁面8個,元件兩個。首頁功能性較強,集成了主要的業務處理邏輯,涉及登

支付程式開發之與微信程式不同的地方

前言: 本文僅彙總微信小程式移植支付寶小程式過程中遇到的一些不同的地方,詳細請參考官方開發文件。 網路請求: 對於網路請求,基本上改動不大,也就支付寶小程式沒有responseType屬性及響應碼欄位改成了status。 使用者授權登入: 1. 登入: wx.login   ====&nb

全網首發 商業級支付程式入門與實戰

第1章 課程導學與準備工作 本章主要介紹為何學習支付寶小程式,以及開發支付寶小程式能為我們帶來哪些收穫。之後會為大家介紹本課程內容具體安排,最後給出如何學好這門課程的一些學習建議。希望大家都能通過這門課程,學有所成,學有所歸。 1-1 課程導學

淺談支付程式與微信程式開發的區別

淺談支付寶小程式與微信小程式開發的區別 一、app.json (1)設定小程式通用的的狀態列、導航條、標題、視窗背景色 支付寶小程式 "window": { "defaultTitle": "病案到家", //頁面標題 "titleBarColor": "#1

支付程式框架淺析及如何在 mPaaS 內深度整合

1. 前言 本文將結合闊懸在 iWeb 杭州站沙龍現場的分享《支付寶小程式在 mPaaS 中的深度整合實踐》,介紹支付寶小程式框架的設計原理,以及如何在 mPaaS 體系中的深度整合支付寶小程式。 分享內容將從以下兩個方面展開: 支付寶小程式框架的系統介紹(支付寶小程式框架概述、應用層框架、Nat

微信H5 使用瀏覽器不能喚起支付程式

記錄一下,自己遇到的一些問題: 業務需求:  h5放在微信公眾號 和 支付寶生活號裡面, 在公眾號登入H5時,點選付款需要進入 支付寶小程式 遇到的問題  : 1.微信直接無法調起支付寶: 這邊可以參考微信公眾平臺無法使用支付寶收付款的解決方案整合:https:/

app內跳轉到支付程式

公司的奇葩要求      我司有自己的APP、生活號,小程式,這種情況下如何和小程式關聯,跳轉到小程式裡去,做到無縫對接?        其實,小程式是支援這類跳轉能力的;       &

高德支付達成深度合作 打車上線支付程式

高德集團總裁劉振飛 9月25日下午訊息,高德地圖今日宣佈啟動第二屆"十一全民出行節"。在會上,高德地圖與支付寶聯合宣佈達成深度合作,雙方將在產品、技術、生態等方面深度融合;此外,高德還宣佈面向近3500家5A/4A景區,釋出智慧景區開放平臺;同時聯合40多個城市交管部門推出"智慧誘導"幫助使

支付程式JS省市區三級聯動

1、citysJSON.js       //地區js檔案 var citys = [ { "name": "北京市", "subList": [ { "name": "北京市", "subList": [

支付程式 支付時訂單處理失敗 報ALI38173

我的後臺使用的PHP語言 用的官方SDK $aop = new AopClient; $aop->gatewayUrl = "https://openapi.alipay.com/gateway.do"; $aop->appId = "app

IDEA支付程式開發流程——專案搭建

伺服器端 在平臺上建立spring boot小程式應用 建立小程式 登入 螞蟻金服開放平臺,選擇 開發者中心 > 開發接入 > 小程式(立即接入) > 立即建立 > 建立。 填寫 基本資訊,點選 建立 按鈕,建立應用名為 Demo 小程式。

支付程式跳轉到h5頁面web-view

支付寶小程式跳轉到h5頁面web-view 基礎庫 1.6.0 開始支援,低版本需做相容 元件是一個可以用來承載H5網頁的元件,會自動鋪滿整個小程式頁面。 web-view 要渲染的H5網頁URL。H5網頁URL需要登入小程式管理後臺-小程式詳細-設定中,進行H5域名白名單配置 示

PHP實現支付程式使用者授權的工具類

背景 最近專案需要上線支付寶小程式,同時需要走使用者的授權流程完成使用者資訊的儲存,以前做過微信小程式的開發,本以為實現授權的過程是很簡單的事情,但是再實現的過程中還是遇到了不少的坑,因此記錄一下實現的過程 學到的知識 支付寶開放介面的呼叫模式以及實現方式 支付寶小程式授權的流程 RSA加密方式 吐