/RNWeChat

使用ReactNative开发的仿微信客户端

Primary LanguageJavaScript

RNWeChat

  • 使用ReactNative开发的仿微信客户端,支持Android和iOS,欢迎大家给个star或fork,谢谢~~
  • 如果在项目构建过程中有任何问题,欢迎提issue,我有空一定帮忙解答~~
  • 我新建了一个QQ群,各位如果有任何与该项目有关的问题,或者想交流下ReactNative相关的技术,都可以加进来:419213248

运行方法

  1. 在项目根目录下执行npm install
  2. 项目中的导航组件使用的ReactNavigation,所以还需要执行npm install --save react-navigation
  3. 二维码扫描组件使用了开源项目react-native-camera和AC-QRCode-RN,图片选择和裁剪使用了react-native-image-crop-picker库,Toast提示使用了@remobile/react-native-toast,感谢这几个项目的作者!请按这四个项目的文档添加至RNWeChat项目中,地址为:
  1. 上面几步执行结束后,再执行react-native run-android即可
  2. apk目录下有RNWeChat-release.apk文件,可直接安装查看效果

注意

  • 目前接口做了限制,频繁请求的话可能导致IP被暂时封掉,而且每个IP每天的请求流量也是有限制的,所以不要频繁请求接口
  • 打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。
  • 2017-10-11 修复客户端和服务端的某些bug,由于服务端代码回退和覆盖导致客户端修改头像修改昵称的功能不可用,目前已恢复。

截图