Unduhan expo native wechat - pengunduhan kode sumber expo native wechat

expo native wechat

Kode Sumber AI

1.0.0

Unduh

Ekspo WeChat Asli

Modul Expo untuk mendukung API Wechat di Android dan iOS

Untuk Proyek Asli Bare React

Silakan merujuk ke WeChat Asli

Motivasi

Sebagian besar pengembang yang menggunakan React Native untuk membuat aplikasi tidak dilengkapi dengan keterampilan pengembangan asli, apalagi menghubungkan aplikasi mereka dengan WeChat.

Terutama, WeChat OpenSDK adalah sesuatu yang menyusahkan karena dokumen buruk di mana banyak API tidak jelas dan intuitif. Untuk membantu pengembang menggunakan React Native, saya berusaha semaksimal mungkin untuk membuat perpustakaan ini. Dan saya harap Anda mendapat manfaat dari hal ini dan tidak terlalu frustrasi dengan WeChat.

Mengapa

WeChat asli masih baru, dan banyak perpustakaan seperti itu tidak lagi dipelihara dan mengikuti perkembangan WeChat terbaru.
Native WeChat mendukung arsitektur React Native lama dan baru.
Native WeChat adalah TurboModule yang mendukung pemuatan lambat, memungkinkan permulaan aplikasi lebih cepat.
Mendukung TypeScript untuk kecerdasan yang lebih baik dan kesalahan pengetikan yang mudah diperiksa.
Semua Apis dijanjikan.

Memulai

Instalasi

Ekspo SDK 51 dan di bawahnya

npm install [email protected]
# or
yarn add [email protected]

Ekspo SDK 52 ke atas

npm install [email protected]
# or
yarn add [email protected]

Konfigurasi

Buka app.json dan tambahkan informasi berikut:

 {
    // Add your WeChat app ID
    "scheme" : [ "wx123456nxabcdefg" ] ,
    "ios" : {
      // Add your iOS universal link
      // Example "applinks:(google.com)"
      "associatedDomains" : [ "applinks:(Universal Link Here)" ]
    } ,
    // Add Expo Native Wechat plugin
    "plugins" : [ "expo-native-wechat" ]
}

Daftarkan SDK

Sebelum menjalankan API apa pun, mendaftarkan Native WeChat dengan menjalankan registerApp sangatlah penting.

 import { registerApp } from "expo-native-wechat" ;

useEffect ( ( ) => {
  return registerApp ( "wx964290141ebe9b7b" ) ;
} , [ ] ) ;

Saat memanggil registerApp , akan ada pendengar yang menerima acara dari WeChat. registerApp mengembalikan fungsi untuk menghapus pendengar, dan tidak ada peristiwa yang akan diterima dari WeChat.

Memanggil API

Sekarang adalah waktunya untuk memanggil API. Misalnya, kami akan mengirimkan permintaan autentikasi ke WeChat dan menerima kodenya. Anda dapat menggunakan API bernama sendAuthRequest di sini.

 import { registerApp , sendAuthRequest } from "expo-native-wechat" ;
import { Button , Text } from "react-native" ;
import { verifyWechatCode } from "@/api/auth/wechat" ;

useEffect ( ( ) => {
  registerApp ( "wx964290141ebe9b7b" ) ;
} , [ ] ) ;

const onButtonClicked = async ( ) => {
  const {
    data : { code } ,
  } = await sendAuthRequest ( ) ;

  await verifyWechatCode ( code ) ;
} ;

return (
  < Button onClick = { onButtonClicked } >
    < Text > Send Auth Request </ Text >
  </ Button >
) ;

Sebagian besar API di WeChat Asli dijanjikan. Begitu juga sendAuthRequest yang akan mengembalikan janji. Ketika pengguna mengonfirmasi permintaan di WeChat, janji tersebut diselesaikan menjadi data dengan kode. Semua API yang dijanjikan mengembalikan tipe generik bernama NativeWechatResponse .

 export type NativeWechatResponse < T = Record < string , unknown > > = {
  type : string ;
  errorCode : number ;
  errorStr : string | null ;
  data : T ;
} ;