React Native WeChat Lib 使用教程

2026-01-18 09:57:20作者：庞队千Virginia

项目介绍

react-native-wechat-lib 是一个用于在 React Native 应用中集成微信功能的开源项目。该项目允许开发者轻松实现微信登录、分享、支付等功能，极大地简化了与微信平台的交互过程。

项目快速启动

安装依赖

首先，确保你已经安装了 React Native CLI。然后，通过以下命令安装 react-native-wechat-lib：

npm install react-native-wechat-lib --save

或者使用 Yarn：

yarn add react-native-wechat-lib

链接库

对于 React Native 0.60 及以上版本，自动链接功能会处理大部分链接工作。如果需要手动链接，可以使用以下命令：

react-native link react-native-wechat-lib

配置 iOS

在 iOS 项目中，需要添加微信 SDK。打开 Podfile 并添加以下内容：

pod 'react-native-wechat-lib', :path => '../node_modules/react-native-wechat-lib'

然后运行：

cd ios && pod install

配置 Android

在 Android 项目中，需要在 android/app/build.gradle 文件中添加以下内容：

dependencies {
    implementation project(':react-native-wechat-lib')
}

并在 android/settings.gradle 中添加：

include ':react-native-wechat-lib'
project(':react-native-wechat-lib').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wechat-lib/android')

初始化

在你的应用入口文件中，初始化 react-native-wechat-lib：

import WeChat from 'react-native-wechat-lib';

WeChat.registerApp('your-wechat-app-id');

示例代码

以下是一个简单的示例，展示如何使用微信登录功能：

import React, { useEffect } from 'react';
import { Button, View } from 'react-native';
import WeChat from 'react-native-wechat-lib';

const App = () => {
  useEffect(() => {
    WeChat.registerApp('your-wechat-app-id');
  }, []);

  const handleLogin = async () => {
    try {
      const result = await WeChat.sendAuthRequest('snsapi_userinfo');
      console.log(result);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <View>
      <Button title="微信登录" onPress={handleLogin} />
    </View>
  );
};

export default App;