RNWeChatReactNative 版高仿微信
RNWeChat
使用 ReactNative 開發(fā)的仿微信客戶端,歡迎大家給個 star 或 fork,謝謝~~
如果在項目構(gòu)建過程中有任何問題,歡迎提 issue,我有空一定幫忙解答~~
運行方法
在項目根目錄下執(zhí)行npm install
項目中的導航組件使用的ReactNavigation,所以還需要執(zhí)行npm install --save react-navigation
二維碼掃描組件使用了開源項目react-native-camera和AC-QRCode-RN,即時通訊使用了網(wǎng)易云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. 上面幾步執(zhí)行結(jié)束后,再執(zhí)行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
}
}
本項目做了什么
目前實現(xiàn)了登錄、注冊、修改昵稱、修改頭像、單聊(僅文本消息)、發(fā)朋友圈、朋友圈點贊和評論、掃一掃等功能
本項目沒有做什么
本項目沒有做圖片的壓縮,所以在修改頭像時請不要上傳太大的圖片
本項目沒有做隱私數(shù)據(jù)的加密,所以在注冊時請使用測試數(shù)據(jù),不要透露個人信息
本項目接口沒有做認證處理,所有功能都是按最簡單的方式實現(xiàn),所以請不要頻繁請求接口
本項目沒有做加好友的功能,所有在服務(wù)器注冊的好友都會顯示在列表中,不需要加好友即可聊天
目前除了文本消息外,其他消息類型還未實現(xiàn),暫時無法發(fā)送圖片,位置,語音等消息類型,且暫未實現(xiàn)群聊功能
更新
2017-06-08 修改聯(lián)系人數(shù)據(jù)從服務(wù)端獲取,包括聯(lián)系人姓名、頭像等,其他部分數(shù)據(jù)暫時為測試數(shù)據(jù)
2017-08-11 加入掃一掃功能,加入登錄注冊頁面,登錄和注冊的功能后面實現(xiàn),加入購物頁面和卡包頁面
2017-08-15 加入注冊、登錄和注銷功能,可以注冊新用戶,IM功能采用了網(wǎng)易云信SDK
2017-08-18 修改注冊和登錄功能,加入了網(wǎng)易云信SDK。
2017-08-24 加入個人信息頁面,加入修改頭像的功能
2017-08-29 完成發(fā)朋友圈的功能
2017-09-05 完成朋友圈的點贊和評論功能,為了邏輯簡單,只做了針對樓主的評論,沒有做針對回復人的評論
2017-09-06 加入搖一搖頁面,加入APP更新對話框(該更新不是熱更新,而是下載apk覆蓋安裝的更新,等后面完成所有功能的開發(fā)后再加入熱更新功能),修復某些bug
2017-09-13 加入單聊功能,目前僅支持文本消息,加入修改昵稱的功能。
截圖


