expo native wechat 다운로드 - expo native wechat 소스 코드 다운로드

expo native wechat

AI 소스 코드

1.0.0

다운로드

엑스포 네이티브 위챗

Android 및 iOS에서 Wechat API를 지원하기 위한 Expo 모듈

Bare React 네이티브 프로젝트의 경우

네이티브 위챗을 참고해주세요

동기 부여

React Native를 사용하여 앱을 구축하는 대부분의 개발자는 앱을 WeChat과 연결하는 것은 말할 것도 없고 네이티브 개발 기술도 갖추고 있지 않습니다.

특히 WeChat OpenSDK는 많은 API가 명확하지 않고 직관적이지 않은 형편없는 문서 때문에 골치아픈 일입니다. React Native를 사용하는 개발자를 돕기 위해 가능한 한 이 라이브러리를 만들려고 노력했습니다. 그리고 여러분이 이로부터 혜택을 받고 WeChat에 대한 좌절감을 덜 느끼기를 바랍니다.

왜

기본 WeChat은 새로운 기능이며 이와 유사한 많은 라이브러리는 더 이상 유지 관리되지 않으며 최신 WeChat을 따라갑니다.
기본 WeChat은 기존 및 새로운 React Native 아키텍처를 모두 지원합니다.
기본 WeChat은 지연 로딩을 지원하는 TurboModule로, 더 빠른 앱 시작이 가능합니다.
더 나은 Intellisense와 쉬운 입력 오류 확인을 위해 TypeScript를 지원합니다.
모든 Apis는 약속되어 있습니다.

시작하기

설치

Expo SDK 51 이하

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

엑스포 SDK 52 이상

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

구성

app.json 열고 다음 정보를 추가합니다.

 {
    // 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" ]
}

SDK 등록

API를 호출하기 전에, registerApp 호출하여 네이티브 WeChat을 등록하는 것이 필수적입니다.

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

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

registerApp 호출하면 Wechat에서 이벤트를 수신하는 리스너가 있습니다. registerApp 리스너를 제거하는 함수를 반환하며 Wechat에서는 이벤트가 수신되지 않습니다.

API 호출

이제 API를 호출할 시간입니다. 예를 들어 Wechat에 인증 요청을 보내고 코드를 받습니다. 여기서 sendAuthRequest 라는 API를 사용할 수 있습니다.

 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 >
) ;

기본 WeChat의 대부분의 API는 약속되어 있습니다. 약속을 반환하는 sendAuthRequest 도 마찬가지입니다. 사용자가 Wechat에서 요청을 확인하면 해당 약속은 코드가 포함된 데이터로 확인됩니다. 약속된 모든 API는 NativeWechatResponse 라는 일반 유형을 반환합니다.

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