目前,環信的 React Native iOS Demo 已經提供登錄、註冊、好友、羣組、聊天等功能。您可以在您的 React Native 項目中集成 iOS Demo,以便直接獲得即時通訊功能。
Demo 下載
在環信官網掃碼下載,然後按照指示安裝。
注意:安裝後需要添加企業信任才能正常運行(設置 → 通用 → 設備管理 → EaseMob Inc → 點擊信任)。
Demo 源碼下載
GitHub 下載地址:https://github.com/easemob/webim-react-native
一 . 初始化
注意:以下步驟,集成 iOS 和 Android 時,只執行一次即可。
1. 解壓縮 Demo 源碼,進入項目所在文件夾,執行如下命令,進行項目初始化。
$ npm run newclear
如果之前沒有安裝過ReactNative環境的,執行命令肯定會報錯,下篇博客裏會介紹如何配置RN環境,配置完成之後再來初始化項目。
初始化完成後,項目下會自動生成node_modules文件夾。
注意:
2. 修改 node_modules/axios/lib/utils.js 文件。
function isStandardBrowserEnv() {
return false;
}
3. 去工程Libraries中找到:RCTNetwork.xcodeproj / RCTNetworking.mm / RCTGenerateFormBoundary,去掉特殊字符 /
.
等;或者去 node_modules/react-native/Libraries/Network/RCTNetworking.mm 修改。
因爲上傳文件時服務端rest服務會限制content-type不能出現特殊字符。
//修改後:
const char *boundaryChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";