@authing/weixin-official-account NPM

@authing/weixin-official-account

Start

Go to wechat official account to register an account
Must be a Service Account
Must pass wechat authentication
Log in to wechat official account, Settings and Development -> Basic configuration, get Developer ID(AppID) and Developer Password(AppSecret).
Go to Settings and Development -> Account Info -> Function setting页面添加Webpage authorization domain name. Domain name fill in the unified callback domain name of authoring：core.authing.cn. For security verification, wechat server needs to verify the request with authing server, Developers need to download the txt file and record the file name and txt content

Go to Authing Console, Authentication -> Social -> -> Create Connection -> Wechat -> Wechat Web Page, And fill in the following information:
- Unique Identifier: This is the unique ID of this connection and cannot be modified after setting.
- Display name: the authing login form will display a {display name} login button.
- AppID: appid provided by wechat.
- Appsecret: appsecret provided by wechat.
- Domain Verification Filename：Txt file name previously recorded.
- Domain Verification File Content：Txt content recorded previously.
- Callback URL：Your business callback link is required. The configured callback address supports the use of wildcards. For example, the callback address you configured is https://*.example.com/*，The following callback addresses are also allowed：https://forum.example.com/t/topic/1234.

Install

Use NPM:

npm install --save @authing/weixin-official-account

Use CDN:

<script src="https://cdn.authing.co/packages/weixin-official-account/5.0.0/weixin-official-account.min.js"></script>

Usage

Init

import { AuthingWxmp } from '@authing/weixin-official-account'

const authingWx = new AuthingWxmp({
  // The unique logo of this social identity source, which you filled in when you created the wechat identity source on the Authing Console
  identifier: "authing-official-account",
  // Authing application ID
  appId: "62e7f0c91073aaba0db4d65b",
  // Authing application domain, etc: https://my-awesome-app.authing.cn
  host: "https://test-application-2022.authing.cn",
  // The specified callback link is optional. The callback address configured by the Console is used by default
  redirectUrl: 'http://localhost:3001'
})

Determine whether the current environment is a wechat client

const isWeixin = authingWx.checkWechatUA()

Initiate wechat authorization

// login.js
window.location = authingWx.getAuthorizationUrl()

Get user information

// callback.js
const { ok, userInfo, message } = authingWx.getUserInfo()

if (ok) {
  console.log('userInfo: ', userInfo)
} else if (message) {
  console.log(message)
}