美文网首页WEB前端iOS 技术篇
iOS 中 react-native-wechat 与 UMen

iOS 中 react-native-wechat 与 UMen

作者: 笙笙哥 | 来源:发表于2018-08-20 16:19 被阅读0次

    关键字:iOS react-native-wechat umeng shareSDK conflict 友盟 微信 冲突

    因项目中要使用UMeng分享到微信,和用微信支付。于是两边微信SDK发生冲突,友盟官方与微信官方,并未给出解决方案,Google、Baidu无果,各种耗时操作,终于配置出来了,希望能帮助遇到相同问题的小伙伴,解决方法如下:

    1. 手动集成UMeng分享及相关所有组件

    • 全手动集成到项目中,注意这里没有使用Pods自动集成,因为不方便为Pods指定 node_modules的路径。
      UMeng的SDK 如下:


      工程结构
    • 下载UMeng SDK的时候选择微信完整版,如下图:
      https://developer.umeng.com/sdk/ios

      下载配置
      选择微信(完整版本)
      选择微信(完整版本)
      选择微信(完整版本)

      这步很重要
    • 下载UMeng SDK 过后,去除微信相关的header(.h)及library(.a),如下图:

    image.png

    2. react-native-wechat配置如下:

    image.png

    npm install 或者 yarn install

    连接

    react-native link react-native-wechat

    这里可以使用自动连接,若有问题,或者需要自定义,可以使用手动链接(已使用自动连接的,可以忽略)

    1. 将RCTWeChat.xcodeproj拖入RN的Libraries Groupg下,如图: 工程文件

    以下操作Targets一定是你要运行的Targets,不然配置无效的
    添加 Linked Frameworks and Libraries,如图:


    添加RCTWeChat引用

    添加 Header Search Paths, 如图:


    添加Header Search Paths,不添加分享无微信

    3 从微信官网下载完整的 SDK包

    微信下载选包含支付功能的SDK

    :
    在工程文件里找到RCTWeChat.xcodeproj >> show in finder,用微信官网下载的库,替换 node_modules里的文件,如图:


    需要替换的文件

    XCode >> command + shift + K

    然后运行,搞定。

    注意:

    每次npm install过后,需要替换新安装的库,建议备份。
    我项目这两个都是需要备份的,npm install 后过要替换回来。
    这点有点麻烦,考虑自动化。


    目录备份结构

    相关文章

      网友评论

        本文标题:iOS 中 react-native-wechat 与 UMen

        本文链接:https://www.haomeiwen.com/subject/icrliftx.html