RNWeChat

ReactNative 版高仿微信
授权协议 GPL
开发语言 JavaScript
所属分类 手机/移动开发、 微信开发/微信公众号开发
软件类型 开源软件
地区 国产
投 递 者 钦永贞
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

RNWeChat

  • 使用 ReactNative 开发的仿微信客户端,欢迎大家给个 star 或 fork,谢谢~~

  • 如果在项目构建过程中有任何问题,欢迎提 issue,我有空一定帮忙解答~~

运行方法

  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库,请按这四个项目的文档添加至项目中,地址为:

https://github.com/lwansbrough/react-native-camera
https://github.com/MarnoDev/AC-QRCode-RN/blob/master/README_CN.md
https://github.com/reactnativecomponent/react-native-netease-im
https://github.com/ivpusic/react-native-image-crop-picker

         4. 上面几步执行结束后,再执行react-native run-android即可
          5. apk目录下有RNWeChat-release.apk文件,可直接安装查看效果

注意

打 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
    }
}

本项目做了什么

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

本项目没有做什么

  • 本项目没有做图片的压缩,所以在修改头像时请不要上传太大的图片

  • 本项目没有做隐私数据的加密,所以在注册时请使用测试数据,不要透露个人信息

  • 本项目接口没有做认证处理,所有功能都是按最简单的方式实现,所以请不要频繁请求接口

  • 本项目没有做加好友的功能,所有在服务器注册的好友都会显示在列表中,不需要加好友即可聊天

  • 目前除了文本消息外,其他消息类型还未实现,暂时无法发送图片,位置,语音等消息类型,且暂未实现群聊功能

更新

  • 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 加入单聊功能,目前仅支持文本消息,加入修改昵称的功能。

截图

 

 相关资料
  • 高仿微信的打飞机游戏。仿得十分惟妙惟肖,不信就去看视频!Code4App 独家首发! [Code4App.com]

  • 界面效果高度模仿了官方iPad版QQ空间,支持横屏和竖屏自动布局。唯一不足是里面没有填充内容。希望作者能够进一步完善。 [Code4App.com]

  • 之前有开发者发布的高仿微信打飞机游戏的代码(http://www.oschina.net/p/ios-wechat-plane),虽然模仿得惟妙惟肖,但有两点不足,一是没有背景音乐,二是不能暂停。这份代码“站在巨人的肩膀上”,根据之前的打飞机代码改进了这两点。具体改进地方如下: 1.整理代码成块; 2.添加跟为详细的注释,更方便大家看懂代码; 3.添加打斗的音乐(原来是无声音的),更像微信的打飞机

  • 利用 cocos2d-x 实现多平台高仿微信打飞机游戏。平台包括:iOS、Mac OS 和 Anroid。代码基于@JustDifferent__ 发布于 code4app 的代码 “高仿微信打飞机”(http://code4app.com/ios/高仿微信打飞机/521495136803fa1d5f000001)移植而来。 作者说:需要在代码工程中加入cocos2d-x的库才能运行demo。 请

  • 本文向大家介绍Android开发之模仿微信打开网页的进度条效果(高仿),包括了Android开发之模仿微信打开网页的进度条效果(高仿)的使用技巧和注意事项,需要的朋友参考一下 一,为什么说是真正的高仿?   阐述这个问题前,先说下之前网上的,各位可以复制这段字,去百度一下  "仿微信打开网页的进度条效果" ,你会看到有很多类似的文章,不过他们有个共同点,就是实现方法都是一样的,而且,都忽略了微信加

  • 高仿新浪微博手机客户端。目前更新到第二期,实现的功能包括: 1. 微博首页列表布局,即UITableViewCell的自定义; 2. 自定义导航栏(UINavigationBar)上的控件; 3. 点击导航栏(UINavigationBar)弹出菜单; 4. 通过XIB 极少量代码实现完全自定义tabbar; 5. 首页微博:上拉刷新,菊花同步动画,刷新结束浮动层提醒,声音提示; 6. 消息页面:

  • 本文向大家介绍Android用ActionBar高仿微信主界面的实例代码,包括了Android用ActionBar高仿微信主界面的实例代码的使用技巧和注意事项,需要的朋友参考一下 经过前面两篇文章的学习,我想大家对ActionBar都已经有一个相对较为深刻的理解了。唯一欠缺的是,前面我们都只是学习了理论知识而已,虽然知识点已经掌握了,但是真正投入到项目实战当中时会不会掉链子还很难说。那么不用担心,

  • 本文向大家介绍Android高仿微信表情输入与键盘输入详解,包括了Android高仿微信表情输入与键盘输入详解的使用技巧和注意事项,需要的朋友参考一下        最近公司在项目上要使用到表情与键盘的切换输入,自己实现了一个,还是存在些缺陷,比如说键盘与表情切换时出现跳闪问题,这个相当困扰我,不过所幸在Github(其中一个不错的开源项目,其代码整体结构很不错)并且在论坛上找些解决方案,再加上我