杨超越解忧杂货铺

psychological-grocery-shop-from-ycy

百度贴吧杨超越吧编程大赛参赛作品

杨超越解忧杂货铺是一个基于react native架构构建的跨平台移动app,用户对杂货店（超越）写信问生活困惑，ycy回信答疑（系统识别用户困惑的文字内容，引用ycy说过的话回信）

Contents

• Prepare For Development Envirement
• React native and React Navigation Guide
• Debug Run
• Package To apk
• build for ios

📋 Prepare For Development Envirement

Windows环境下，杨超越解忧杂货铺的开发需要准备以下开发环境：
Node, Python2, JDK
Node installation: https://nodejs.org/en/
Python installation: https://www.python.org/downloads/
python3 react native貌似已经支持python3，可以直接安装python3
openJDK for windows： https://developers.redhat.com/products/openjdk/download/
Linux 和 macos 可以直接于openJDK官网下载安装。
甲骨文JDK8 是免费的，JDK11将于2020对企业收费。
用户安装完JDK后需要设置JAVA_HOME, 教程请见：https://www.mkyong.com/java/how-to-set-java_home-on-windows-10/
更多开发环境设置请看： https://reactnative.cn/docs/getting-started.html
注意：海外用户不要修改 npm config set registry 和 npm config set disturl

IDE 推荐安装Android Studio： https://developer.android.com/studio
已经建好的页面基于android SDK 28 for Android 9 (Pie) 编译成功
注意设置ANDROID_HOME 路径到系统变量，方法类似JAVA_Home。 React Native中文教程有详细过程解释。

📋 React native and React Navigation Guide

React Native中文教程位于：https://reactnative.cn/docs/getting-started.html
React navigation中文教程位于：https://reactnavigation.org/docs/zh-Hans/getting-started.html

📋 Debug Run

Master Branch的代码clone后应当可以直接运行。
开发者可于，../psychological-grocery-shop-from-ycy/ 文件夹运行 `npm-install` 来安装依赖。
在启动安卓模拟器后，可在同一窗口运行 `react-native run-android` 来运行程序。

常见错误： 500， script didn't run. 开发者错误关闭了npm 运行窗口。出现此错误可新开一个CMD窗口重新运行 react-native run-android ， 或者新开一个窗口运行 npm start 再于原窗口运行 react-native run-android

📋 Package To apk

打包APK的教程在：https://reactnative.cn/docs/signed-apk-android/
配置的重点是秘钥的部分，请严格按照教程一步步执行。

常见打包失败原因：
link 错误，找不到资源。 在Node_Modules 文件夹下找到包：react-native-orientation, react-native-screens, react-native-splash-screen, react-native-exit-app, 修改其中的 /android/build.gradle 文件，将compileSdkVersion 和targetSdkVersion 修改为 28

📋 build for ios

To be added.