Skip to content

Commit ccf02a1

Browse files
committed
doc: ios和android环境和打包文档增加问题总结
1 parent 7cdbcda commit ccf02a1

File tree

5 files changed

+111
-40
lines changed

5 files changed

+111
-40
lines changed

website/src/pages/docs/environment-setup/android-windows/README.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -332,6 +332,19 @@ yarn run android
332332
333333
如果您无法使其正常工作,请参阅[故障排除页面](https://reactnative.dev/docs/troubleshooting#content)
334334

335+
## 开发模式弹出开发者菜单刷新应用
336+
337+
命令行支持*打开开发者菜单*,和其它的一些操作
338+
339+
- r - 重新加载应用
340+
- d - 打开开发者菜单
341+
- i - 在 iOS 上运行
342+
- a - 在 Android 上运行
343+
344+
按两次 <kbd>R</kbd> 键或从开发者菜单(<kbd>⌘</kbd><kbd>M</kbd>)中选择重新加载(Reload)以预览您的更改。
345+
346+
> 如果没有起作用可以在命令行使用 `adb shell input keyevent 82` 命令唤起**开发者菜单**
347+
335348
### 修改项目
336349

337350
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:

website/src/pages/docs/environment-setup/android/README.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -265,6 +265,19 @@ yarn react-native run-android
265265
266266
如果您无法使其正常工作,请参阅[故障排除页面](https://reactnative.dev/docs/troubleshooting#content)
267267

268+
## 开发模式弹出开发者菜单刷新应用
269+
270+
命令行支持*打开开发者菜单*,和其它的一些操作
271+
272+
- r - 重新加载应用
273+
- d - 打开开发者菜单
274+
- i - 在 iOS 上运行
275+
- a - 在 Android 上运行
276+
277+
按两次 <kbd>R</kbd> 键或从开发者菜单(<kbd>⌘</kbd><kbd>M</kbd>)中选择重新加载(Reload)以预览您的更改。
278+
279+
> 如果没有起作用可以在命令行使用 `adb shell input keyevent 82` 命令唤起**开发者菜单**
280+
268281
## 修改你的应用
269282

270283
现在您已成功运行该应用程序,让我们对其进行修改。

website/src/pages/docs/environment-setup/ios/README.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -211,6 +211,17 @@ yarn run ios
211211

212212
默认情况下,上述命令将自动在 `iOS` 模拟器上运行您的应用程序。 如果您想在实际的物理 `iOS` 设备上运行该应用程序,请按照此处的说明进行操作。
213213

214+
## 开发模式弹出开发者菜单刷新应用
215+
216+
命令行支持*打开开发者菜单*,和其它的一些操作
217+
218+
- r - 重新加载应用
219+
- d - 打开开发者菜单
220+
- i - 在 iOS 上运行
221+
- a - 在 Android 上运行
222+
223+
使用 <kbd>⌘</kbd><kbd>R</kbd> 让您的 IOS 模拟器重新加载本地项目,使用 <kbd>⌘</kbd><kbd>T</kbd> 弹出开发者菜单。
224+
214225
## 修改你的应用
215226

216227
现在您已成功运行该应用程序,让我们对其进行修改。

website/src/pages/docs/unpack/android/README.md

Lines changed: 54 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,61 @@ Android 打包
22
===
33
官方教程 https://reactnative.dev/docs/signed-apk-android/
44

5+
56
Android要求所有应用都必须先使用证书进行数字签名,然后才能安装。 为了通过Google Play商店分发您的Android应用,需要使用发布密钥对其进行签名,然后再将其用于以后的所有更新。 自2017年以来,借助Google Play的应用签名功能,Google Play可以自动管理签名发布。 但是,在将应用程序二进制文件上传到Google Play之前,需要使用上传密钥对其进行签名。 Android Developers文档上的[“签署应用程序”](https://developer.android.com/tools/publishing/app-signing.html)页面详细描述了该主题。 本指南简要介绍了该过程,并列出了打包JavaScript捆绑包所需的步骤。
67

8+
## 打包修改 APP 版本号
9+
### 修改 `android/app/build.gradle` 配置
10+
11+
```xml
12+
android {
13+
.....
14+
defaultConfig {
15+
....
16+
versionName "2.1.1"
17+
}
18+
}
19+
```
20+
21+
## Android9.0以上打包APK后HTTP请求不到解决方法
22+
23+
错误原因:android9.0默认禁止访问不安全的请求,比如http。
24+
25+
### 解决方案:
26+
方法1: 使用认证过的https(我用的是阿里云免费证书,因为使用https还得配置,所以用了http)
27+
28+
方法2: 分为两步
29+
30+
第一步:在res下新增加一个xml目录,然后创建一个名为network_security_config.xml文件
31+
32+
![](./img/image6.png)<!--rehype:style=max-width: 650px;width: 100%;-->
33+
34+
```bash
35+
<?xml version="1.0" encoding="utf-8"?>
36+
<network-security-config>
37+
<base-config cleartextTrafficPermitted="true" />
38+
</network-security-config>
39+
```
40+
41+
第二步:
42+
43+
在androidManifiest.xml文件中添加
44+
```bash
45+
android:networkSecurityConfig="@xml/network_security_config"
46+
```
47+
![](./img/image7.png)<!--rehype:style=max-width: 650px;width: 100%;-->
48+
49+
> ⚠️ 下面还有一种方式 本质上跟第二种方法一样,简便但不规范 建议用上面的方法<!--rehype:style=background: #F08800; color: #fff;-->
50+
<!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
51+
52+
在项目/android/app/src/main/AndroidManifest.xml文件中的application节点下添加
53+
54+
```bash
55+
android:usesCleartextTraffic="true"
56+
```
57+
58+
![](./img/image8.png)<!--rehype:style=max-width: 650px;width: 100%;-->
59+
760
## 生成上传需要的秘钥
861

962
> Android要求所有应用都有一个数字签名才会被允许安装在用户手机上,Android开发者官网上的如何给你的 [应用签名文档](https://developer.android.com/tools/publishing/app-signing.html) 描述了签名的细节
@@ -111,43 +164,4 @@ Android Studio 打包
111164

112165
记得选择生成目录 `<项目所在目录>/android/app/build/outputs/apk`
113166

114-
![](./img/image5.png)<!--rehype:style=max-width: 650px;width: 100%;-->
115-
116-
## react-native android9.0以上打包APK后HTTP请求不到解决方法
117-
118-
错误原因:android9.0默认禁止访问不安全的请求,比如http。
119-
120-
### 解决方案:
121-
方法1: 使用认证过的https(我用的是阿里云免费证书,因为使用https还得配置,所以用了http)
122-
123-
方法2: 分为两步
124-
125-
第一步:在res下新增加一个xml目录,然后创建一个名为network_security_config.xml文件
126-
127-
![](./img/image6.png)<!--rehype:style=max-width: 650px;width: 100%;-->
128-
129-
```bash
130-
<?xml version="1.0" encoding="utf-8"?>
131-
<network-security-config>
132-
<base-config cleartextTrafficPermitted="true" />
133-
</network-security-config>
134-
```
135-
136-
第二步:
137-
138-
在androidManifiest.xml文件中添加
139-
```bash
140-
android:networkSecurityConfig="@xml/network_security_config"
141-
```
142-
![](./img/image7.png)<!--rehype:style=max-width: 650px;width: 100%;-->
143-
144-
> ⚠️ 下面还有一种方式 本质上跟第二种方法一样,简便但不规范 建议用上面的方法<!--rehype:style=background: #F08800; color: #fff;-->
145-
<!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
146-
147-
在项目/android/app/src/main/AndroidManifest.xml文件中的application节点下添加
148-
149-
```bash
150-
android:usesCleartextTraffic="true"
151-
```
152-
153-
![](./img/image8.png)<!--rehype:style=max-width: 650px;width: 100%;-->
167+
![](./img/image5.png)<!--rehype:style=max-width: 650px;width: 100%;-->

website/src/pages/docs/unpack/ios/README.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,26 @@ iOS 打包
66
> 2. 📦 如果没有开发者账号,可进入[Developer苹果开发者官网](https://developer.apple.com),点击“Account”登录/注册会员。
77
<!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
88
9+
## 打包前修改 APP 版本号
10+
### 修改 `ios/<应用名称>/Info.plist` 配置
11+
12+
```xml
13+
<key>CFBundleShortVersionString</key>
14+
<string>1.2.0</string>
15+
```
16+
17+
## iOS打包后HTTP请求不到解决方法
18+
19+
修改 `ios/<应用名称>/Info.plist` 配置
20+
21+
```xml
22+
<key>NSAppTransportSecurity</key>
23+
<dict>
24+
<key>NSAllowsArbitraryLoads</key>
25+
<true/>
26+
</dict>
27+
```
28+
929
## 一. 配置iOS证书
1030
### `配置证书`<!--rehype:style=color: white; background: #1c7bd0;-->
1131

0 commit comments

Comments
 (0)