RNWeChat手册

由 yubo725 创建, 最后一次修改 2017-09-14

RNWeChat项目简介

  • RNWeChat是基于ReactNative开发的高仿微信客户端,目前已经实现了登录、注册、修改昵称、修改头像、单聊(仅文本消息)、发朋友圈、朋友圈点赞和评论、扫一扫等功能,暂时只适配了Android平台,iOS平台还未适配,但是源码稍作修改也可以运行在iOS上
  • 代码同步托管在码云GitHub上,如果在项目构建过程中有任何问题,欢迎提issue,我有空一定帮忙解答,或者加入QQ群419213248一起讨论
  • Android可以直接点击这里下载安装APK查看效果

运行方法

  1. 在项目根目录下执行npm install
  2. 项目中的导航组件使用的ReactNavigation,所以还需要执行npm install --save react-navigation
  3. 二维码扫描组件使用了开源项目react-native-camera和AC-QRCode-RN,即时通讯使用了网易云react-native-netease-im库,图片选择和裁剪使用了react-native-image-crop-picker库,请按这四个项目的文档添加至项目中,地址为:
  4. 上面几步执行结束后,再执行react-native run-android即可
  5. apk目录下有RNWeChat-release.apk文件,Android真机可直接安装查看效果

注意

  • 打release包时请使用自己的签名文件和签名配置,请注意android/app/build.gradle文件中的
    signingConfigs {
    release {
        storeFile file(MYAPP_RELEASE_STORE_FILE)
        storePassword MYAPP_RELEASE_STORE_PASSWORD
        keyAlias MYAPP_RELEASE_KEY_ALIAS
        keyPassword MYAPP_RELEASE_KEY_PASSWORD
    }
    }
  • 若在Linux或Mac环境打Android包时遇到错误提示:

Make sure you have an Android emulator running or a device connected and have set up your Android development environment

请确保项目的android目录下的gradlew文件有可执行权限,若无可执行权限,改成可执行

已实现功能

  • 目前实现了登录、注册、修改昵称、修改头像、单聊(仅文本消息和图片消息)、发朋友圈、朋友圈点赞和评论、扫一扫等功能

更新

  • 2017-06-08 修改联系人数据从服务端获取,包括联系人姓名、头像等,其他部分数据暂时为测试数据。
  • 2017-08-11 加入扫一扫功能,加入登录注册页面,登录和注册的功能后面实现,加入购物页面和卡包页面。
  • 2017-08-15 加入注册、登录和注销功能,可以注册新用户,IM功能采用了网易云信SDK。
  • 2017-08-18 修改注册和登录功能,加入了网易云信SDK。
  • 2017-08-24 加入个人信息页面,加入修改头像的功能。
  • 2017-08-29 完成发朋友圈的功能。
  • 2017-09-05 完成朋友圈的点赞和评论功能,为了逻辑简单,只做了针对楼主的评论,没有做针对回复人的评论。
  • 2017-09-06 加入摇一摇页面,加入APP更新对话框(该更新不是热更新,而是下载apk覆盖安装的更新,等后面完成所有功能的开发后再加入热更新功能),修复某些bug。
  • 2017-09-13 加入单聊功能,目前仅支持文本消息,加入修改昵称的功能。
  • 2017-09-15 聊天界面显示消息时间。
  • 2017-09-29 删除网易云信IM,改用环信IM(网易巨坑,免费版超过100人无法收发消息)。
  • 2017-09-30 代码适配iOS(目前还有一些小问题),加入iOS截图,修复之前的一些bug
  • 2017-10-09 UI适配iOS

截图

W3Cschool学编程上微课-边学边练
二维码
建议反馈
二维码