Android & ios app环境配置、打包、调试和发布

橙旭园公司

苹果开发者后台

• 开发者后台地址
• 与苹果人员沟通通信地址

华为开发者后台

• 开发者后台地址

oppo开发者后台

• 开发者后台地址

vivo开发者后台

• 开发者后台地址

小米开发者后台

• 开发者后台地址

联想开发者后台

• 开发者后台地址

希沃开发者后台

• 开发者后台地址

讯飞开发者后台

• 开发者后台地址

步步高开发者后台

• 开发者后台地址

应用分发网址

React Native 开发环境配置

官网链接
中文链接

conda处理(终端base)

• conda config --set auto_activate_base false 关闭
• conda config --set auto_activate_base true 打开

安装homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装node

• brew install node
• brew install watchman react native 依赖库

安装cocoapods

• sudo gem install cocoapods
• npm install
• npm install 出错时 could not resolve dependency peer react 终端执行npm config set legacy-peer-deps true 再npm install
• cd ./ios 在项目ios文件夹下 执行 pod install
• pod install 出错时，以Rosetta形式打开终端，安装sudo gem install ffi，后pod install

安装JDK

brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

安装 Android Studio

• 下载: https://developer.android.com/studio (一路next即可)
  
  • Android SDK
  • Android SDK Platform
  • Android Virtual Device
• 安装特定Android SDK(可选操作)
  
  • 打开刚刚安装的软件，选择Configure-> SDK Manager 或者 More Actions -> SDK Manager，
  • SDK Platforms 额外安装其他版本
    
    • 勾选show package details, 可以看具体Sdk下的相关库
  • SDK Tools 同 SDK platforms
• 配置Android_home环境变量

iOS打包

• 使用xcode打开项目，找到菜单栏中的product
• product -> Archive -> Distribute App->Ad hoc 测试包
• product -> Archive -> Distribute App -> App Store Connect 发布包
• 问题1 在 Locating and createing signing assets界面 communicating with Apple一直转圈，可以尝试重启Xcode，切换网络或重启电脑
• 问题2 CxyLiveClass橙旭园课堂，打包后图片资源不显示，参考这个链接, 先把新增的图片添加到src/images/assets,然后再把它添加进去
• 问题3 CxyLiveClass橙旭园课堂 打包后源代码没有更新，参考链接, 每次打包前先删除./ios/CxyLiveClass/main.jsbundle, 然后使用命令重新生成文件。

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/CxyLiveClass/main.jsbundle

• 问题4 react native command not found 参考链接

Android打包

打包apk

• 使用命令行工具
  
  • cd android
  • ./gradlew assembleRelease
• 使用Android studio工具，选择菜单栏的build选项
  
  • Build -> Generate Signed Bundle or APK -> APK -> next
  • my-release-key.keystore文件在<project_name>/android/app/目录下
  • password都是123456 (CxyBlock 密码是cxy123456)
    

    程序媛的签名文件是girls.jks，密码也是123456。遇到打包后的apk图片等资源没有显示的问题，请先打包一下资源文件。

• 问题：
  
  • Java.io.IOException:Execution of compression failed., 清除缓存即可./gradlew clean
  • 腾讯应用宝apk需要V1签名
    
    1. build.gradle minSdkVersion -> 23(正常情况27)
    2. signingConfigs.debug 添加 v1SigningEnabled true v2SigningEnabled true
    3. 在./android 下运行 ./gradlew assembleRelease
    4. apk包在./android/app/build/outputs/apk/release

打包资源文件

特别注意的一点是，打包出来的音频文件，需要删掉后，再执行打包apk的命令。

• 方式1：(过去的版本，即项目含有index.android.js文件)

  react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

• 方式2：(现在的版本，即项目含有index.js文件)

  react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.bundle --assets-dest android/app/src/main/res/

项目运行调试(真机测试)

• 主动启动server(清空缓存)

  • yarn start -- --reset-cache

• iOS运行命令

  • 使用xcode的run (建议用这个)
  • yarn ios 或 yarn react-native run-ios
  • 问题1 清空缓存时报错 listen EADDRINUSE: address already in use & Commond failed with exit code 1 把其他的react终端窗口关闭
  • 问题2 真机调试报错Unable to prepare Bin的iPad mini for development. Please check the Devices 重启设备解决问题 或 在此链接检查xcode版本支持的最低SDK版本
  • 问题3 真机调试build报错Showing Recent Messages Cycle in dependencies between targets 'RNPermissions' and 'React-RCTText';
building could produce unreliable results.
    解决方法： Xcode -> Product -> Clean Build Folder
  • 问题4 Xcode发版 Distribute App 提示no app store connect account 解决方法：重启Xcode
  • 问题5 不能连接到metro，console.log 不能在终端中打印 解决方法： 确认调试设备和电脑连接在同一WiFi下，或参考此链接
  • 问题6 读取本地文件(播放本地视频文件)注意文件名不要用中文！
  • 问题7 react-native-fs RNFS.stopDownload(jobId) undefined 参考链接

• Android

  • 先 cd ./android 然后./gradlew clean 清空缓存
    
    1. 使用android studio工具的run
    2. yarn react-native run-android
    3. yarn android
  • 默认推荐使用方法3，程序媛(版本过旧)推荐使用方法2来运行

  • 橙旭园课堂 安卓调试直接在项目里输入 react-native run-android

  • 问题1 真机调试安装结束后闪退：清除缓存

  • 问题2 使用apk安装结束后闪退：查看搜索是否有自动导入的库，如果有删除并重新打包；或清楚缓存

仓库改动提交

• git add <file_name> 或 git add .
• git commit -m "commit message"
• git pull
• git push

仓库地址

• 下载项目：git clone <git_address>
• 橙子积木/橙旭园视频课
  
  • git@git.haorenao.cn:Orange-Block.git
• OkMath思维
  
  • git@git.haorenao.cn:OpenKidsMath.git
• 橙子编程
  
  • git@git.haorenao.cn:Orange-Programming.git
• 橙旭园直播课堂
  
  • git@git.haorenao.cn:ChengXuYuan-iOS.git
• 程序媛
  
  • git@git.haorenao.cn:program_girl-rn-iOS.git
• 橙旭园家长端
  
  • git@git.haorenao.cn:ChengXuYuan-App-Parent.git

运行出错

iOS

1. 'atomic_notify_one<unsigned long>' is unavailable

将 use_flipper! 改成下面这样，之后重新执行 pod install --repo-update

flipperkit_version = '0.102.0'
use_flipper!({ 'Flipper' => flipperkit_version, 'Flipper-Folly' => '2.6.7', 'Flipper-RSocket' => '1.4.3', 'Flipper-DoubleConversion' => '3.1.7', 'Flipper-Glog' => '0.3.9', 'Flipper-PeerTalk' => '0.0.4' })

Android

1. Error:spawnSync ./gradlew EACCES

chmod 755 android/gradlew

过审经验

1. 应用内购

跨平台运行的应用程序可能允许用户在其他平台或您的网站上访问他们在您的应用程序中获得的内容、订阅或功能，包括多平台游戏中的消耗品，前提是这些项目也可以在应用程序内作为应用内购买获得。
虚拟货币或商品注意针对app store账号做隐藏

2. 审核未通过，问题询问

在解决方案中心，审核意见的最后可以直接询问回复