2. 程式人生 > >vue開發專案微信公眾號授權支付開發

vue開發專案微信公眾號授權支付開發

阿新 • • 發佈：2019-01-12
router.beforeEach((to, from, next) => {
  /**
   * 檢測當前是否需要登入驗證
   * 1. 確定當前頁面是否需要登入
   */
  if (!__getItem('isOauth')) {
    // 微信授權
    if (!getUrlKey('code') || !getUrlKey('state')) {                       // 沒有code 去授權獲取code
      // 去授權
      // const URI = encodeURIComponent(window.location.href)
      let URI = ''
      if (window.location.href.indexOf('FriendsCertification?') > 0) {
        URI = encodeURIComponent(window.location.href)
      } else {
        URI = encodeURIComponent(window.location.href.split('?')[0])
      }
      var url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + APPID + '&redirect_uri=' + URI + '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'
      window.location.href = url
    } else {      // 有code通過code調後臺介面去獲取使用者資訊（uid、oppind等）
      __setItem('isOauth', true)
      axios.get('/api/fe/mobile/wx/authorization',
        {
          code: getUrlKey('code')
        }
      ).then((res) => {
        __setItem('openId', res.data.data.openid)
        __setItem('unionId', res.data.data.unionid)
        if (res.data.data.user) {
          if (res.data.data.user.token) {
            __setItem('auth', res.data.data.user.token)
          }
          if (res.data.data.user.phone) {
            __setItem('phone', res.data.data.user.phone)
          }
          if (res.data.data.user.name) {
            __setItem('name', res.data.data.user.name)
          }
        }
      })
      next({name: 'Station'})
      return false
    }
  } else {
    next()
  }

相關推薦

vue開發專案微信公眾號授權支付開發

router.beforeEach((to, from, next) => {  /**   * 檢測當前是否需要登入驗證   * 1. 確定當前頁面是否需要登入   */  if (!__getItem('isOauth')) {    // 微信授權    if (!getUrlKey('code'

vue腳手架，微信公眾號授權（微信網頁授權）

如果使用者在微信客戶端中訪問第三方網頁，公眾號可以通過微信網頁授權機制，來獲取使用者基本資訊，進而實現業務邏輯。 首先我做了一個H5小專案，然後申請公眾號，然後在【自定義選單】中輸入想填寫的，公眾號選單名稱，以及頁面地址： 然後，我們在我們的前端頁面寫呼叫伺服器介面，得到授權。當然

vue.js中微信公眾號中支付寶支付失敗bug解決辦法

微信公眾號中呼叫支付寶支付需要在瀏覽器中開啟支付連結然後呼叫支付才可以。具體方法：1、檔案 2、 我們使用的是post方法提交。下面是在vue.js中使用的方法總結1、建立alipay頁面路由，調起瀏覽器支付提示頁面。（樣式太多，省略）<template>  &l

微信公眾號菜單開發以及授權詳細說明

htm 用戶 授權 例子 acc inf nec encode ima 主代碼請參考：http://www.cnblogs.com/hopelooking/p/7463934.html 難點解析： 在微信創建菜單的時候我們慣用的是curl，但是菜單中難免是要有中文的，如果你

微信公眾號三方平臺開發【生成授權頁】

之前我們講過，在獲取到預授權碼之後，我們需要在自己的網站中設定授權頁入口（如下圖），從而引導微信公眾號管理員進入到授權頁，對第三方平臺進行微信公眾號的託管授權。 對於微信授權頁，簡單的說就是一個帶有規定引數的URL，其中包括第三方平臺的appid、預授權碼

微信公眾號授權登入weixin4j開發

登入微信公眾號配置網頁授權目錄 在專案中引入maven依賴 <dependency> <groupId>com.foxinmy</groupId> <artifactId>weixin4j-m

大數據開發入門--------微信公眾號開通啦

開發 技術分享 資料 大數據開發 菜鳥 image 微信 理想 入門 歡迎大家關註大數據開發入門公眾號，本公眾號的宗旨是為想入門大數據開發的指路，博主我也是從菜鳥過來的，想和大家分享入門的心得，資料，還有一些工作感悟。為大家少走一些彎路，能夠早日找到心儀的工作，早日走上

基於java的微信公眾號二次開發視頻教程

質量 經典 數據分析 大數據 spark leet hadoop 專家 擴展 query 詳情請交流 QQ 709639943 00、基於java的微信公眾號二次開發視頻教程 00、leetcode 算法 面試 00、北風網 零基礎到數據（大數據）分析專家-首席分

手機微信公眾號漫畫網站開發定製，漫畫網站建設，漫畫網站程式碼出售

專業定製微信公眾號漫畫網站定製，漫畫網站開發，漫畫網站原始碼建設，漫畫系統採用PHP+MySQL實現，支援電腦版，手機版線上觀看漫畫，會員制觀看功能，是一款不錯的漫畫網站系統。 網站還支援個性化定製開發 提供一站式服務：聯絡QQ:2 3 6 0 2 4 8666(私聊)，微信：luenmic

【微信開發】微信公眾號後臺底部選單欄json資料加入（獲取）方式操作

首先獲取微信公號的  開發者ID(AppID)  開發者密碼(AppSecret) 登入公眾號 找到以下選項   找到獲得access_token的引數 根據引數取得access_token URL： https://a

普通js使用ajax，微信公眾號授權（微信網頁授權）

微信授權的整個流程： 引導使用者進入授權頁面同意授權，獲取code 通過code換取網頁授權access_token（與基礎支援中的access_token不同） 如果需要，開發者可以重新整理網頁授權access_token，避免過期 通過網頁授權access_tok

微信公眾號測試環境開發

在公眾平臺沙箱環境中註冊 測試號資訊 appID wxf4da******0e17 appsecret f57f1fa521******0e4bb3 介面配置資訊 填寫接收微信推送訊息介面的URL與token（用於驗證微信訊息來源）

vue中呼叫微信公眾號的圖片預覽

今天做專案的時候遇到這個問題，不多說廢話，直接上步驟：    引入wxjs <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 下面寫個函式呼叫：

ThinkPHP5.0微信公眾號開發之 微信公眾號接入

ThinkPHP5.0 微信公眾號接入 第一步：準備工作 首先，要有自己的公眾號（這句是廢話），個人可以申請微信公眾號的訂閱號，企業才可以申請服務號，其次要有云空間或者伺服器，並且將伺服器IP新增至微信公眾號開發配置中的IP白名單，這只是基礎的準備工作 第二步：

Koa2 實現微信公眾號前後端開發

123 課程目錄： 第1章 課程介紹 瞭解學習課程的必要性，所包含的知識點，課程安排，學習前提，課程收穫。 1-1 導學 第2章 第一天 - 準備工作 介紹微信公眾號的基本知識與需要關心的流程，以及常見微信開發問題的解決思路。 2-1 第一天課程內容安排 2-2 微信公眾號

Koa2實現電影微信公眾號前後端開發視訊教程

第1章 課程介紹瞭解學習課程的必要性，所包含的知識點，課程安排，學習前提，課程收穫。第2章 第一天 - 準備工作介紹微信公眾號的基本知識與需要關心的流程，以及常見微信開發問題的解決思路。第3章 第二天 - 實戰認證接入介紹第二天的課程內容，以準備工作為主，分別演示三個系統上如何安裝和管理 Nodejs 版本、

Koa2實現電影微信公眾號前後端開發

第1章 課程介紹瞭解學習課程的必要性，所包含的知識點，課程安排，學習前提，課程收穫。第2章 第一天 - 準備工作介紹微信公眾號的基本知識與需要關心的流程，以及常見微信開發問題的解決思路。第3章 第二天 - 實戰認證接入介紹第二天的課程內容，以準備工作為主，分別演示三個系統上如何安裝和管理 Nodejs 版本、

菜鳥日記（yzy） 微信公眾號網頁的開發-websocket

public class keyUnit {public Logger log = Logger.getLogger(keyUnit.class); public static String getAccept(String key){String mask = "258EAFA5-E914-47DA-95C

Asp.net 如何實現微信公眾號授權登入

第一個類：封裝好微信配置檔案 using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Web; using Newton

微信公眾號 授權登入 JAVA

微信授權登入 java 首先 騰訊那麼大的公司 文件寫的那麼low 微信那麼火 demo寫的那麼差 我就想說一句  微信簡直就是在歧視Java   我這邊自己整合了下 微信支付和微信登入 java的程式碼  我打包出來了 不是讓你們直接使用的 是需要你們自己看看 借鑑的 h