@appcircle/react-native-code-push 0.0.2-alpha.2 → 0.0.2-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CodePush.podspec +1 -1
- package/README.md +28 -8
- package/android/app/build.gradle +48 -0
- package/android/build.gradle +8 -34
- package/android/codepush.gradle +1 -1
- package/android/settings.gradle +1 -0
- package/docs/api-android.md +5 -3
- package/docs/multi-deployment-testing-android.md +94 -1
- package/docs/setup-android.md +407 -20
- package/docs/setup-ios.md +172 -1
- package/package.json +3 -3
- package/react-native.config.js +1 -2
- package/scripts/tools/linkToolsAndroid.js +2 -2
- package/scripts/check-package.mjs +0 -11
- /package/android/{proguard-rules.pro → app/proguard-rules.pro} +0 -0
- /package/android/{src → app/src}/main/AndroidManifest.xml +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePush.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushBuilder.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushConstants.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushDialog.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInstallMode.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInvalidPublicKeyException.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInvalidUpdateException.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushMalformedDataException.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushNativeModule.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushNotInitializedException.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushTelemetryManager.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUnknownException.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateManager.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateState.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateUtils.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUtils.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/DownloadProgress.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/DownloadProgressCallback.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/FileUtils.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactHostHolder.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactInstanceHolder.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/SettingsManager.java +0 -0
- /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/TLSSocketFactory.java +0 -0
package/CodePush.podspec
CHANGED
|
@@ -9,7 +9,7 @@ Pod::Spec.new do |s|
|
|
|
9
9
|
s.author = package['author']
|
|
10
10
|
s.license = package['license']
|
|
11
11
|
s.homepage = package['homepage']
|
|
12
|
-
s.source = { :git => 'https://github.com/
|
|
12
|
+
s.source = { :git => 'https://github.com/microsoft/react-native-code-push.git', :tag => "v#{s.version}"}
|
|
13
13
|
s.ios.deployment_target = '15.5'
|
|
14
14
|
s.tvos.deployment_target = '15.5'
|
|
15
15
|
s.preserve_paths = '*.js'
|
package/README.md
CHANGED
|
@@ -67,16 +67,36 @@ In order to ensure that your end users always have a functioning version of your
|
|
|
67
67
|
|
|
68
68
|
- iOS (7+)
|
|
69
69
|
- Android (4.1+) on TLS 1.2 compatible devices
|
|
70
|
-
- Windows (UWP)
|
|
70
|
+
- Windows (UWP)
|
|
71
71
|
|
|
72
72
|
We try our best to maintain backwards compatibility of our plugin with previous versions of React Native, but due to the nature of the platform, and the existence of breaking changes between releases, it is possible that you need to use a specific version of the CodePush plugin in order to support the exact version of React Native you are using. The following table outlines which CodePush plugin versions officially support the respective React Native versions:
|
|
73
73
|
|
|
74
|
-
| React Native version(s) | Supporting CodePush version(s)
|
|
75
|
-
|
|
76
|
-
| <
|
|
77
|
-
| v0.
|
|
78
|
-
|
|
79
|
-
|
|
74
|
+
| React Native version(s) | Supporting CodePush version(s) |
|
|
75
|
+
|-------------------------|-------------------------------------------------------|
|
|
76
|
+
| <0.14 | **Unsupported** |
|
|
77
|
+
| v0.14 | v1.3 *(introduced Android support)* |
|
|
78
|
+
| v0.15-v0.18 | v1.4-v1.6 *(introduced iOS asset support)* |
|
|
79
|
+
| v0.19-v0.28 | v1.7-v1.17 *(introduced Android asset support)* |
|
|
80
|
+
| v0.29-v0.30 | v1.13-v1.17 *(RN refactored native hosting code)* |
|
|
81
|
+
| v0.31-v0.33 | v1.14.6-v1.17 *(RN refactored native hosting code)* |
|
|
82
|
+
| v0.34-v0.35 | v1.15-v1.17 *(RN refactored native hosting code)* |
|
|
83
|
+
| v0.36-v0.39 | v1.16-v1.17 *(RN refactored resume handler)* |
|
|
84
|
+
| v0.40-v0.42 | v1.17 *(RN refactored iOS header files)* |
|
|
85
|
+
| v0.43-v0.44 | v2.0+ *(RN refactored uimanager dependencies)* |
|
|
86
|
+
| v0.45 | v3.0+ *(RN refactored instance manager code)* |
|
|
87
|
+
| v0.46 | v4.0+ *(RN refactored js bundle loader code)* |
|
|
88
|
+
| v0.46-v0.53 | v5.1+ *(RN removed unused registration of JS modules)*|
|
|
89
|
+
| v0.54-v0.55 | v5.3+ *(Android Gradle Plugin 3.x integration)* |
|
|
90
|
+
| v0.56-v0.58 | v5.4+ *(RN upgraded versions for Android tools)* |
|
|
91
|
+
| v0.59 | v5.6+ *(RN refactored js bundle loader code)* |
|
|
92
|
+
| v0.60-v0.61 | v6.0+ *(RN migrated to Autolinking)* |
|
|
93
|
+
| v0.62-v0.64 | v6.2+ *(RN removed LiveReload)* |
|
|
94
|
+
| v0.65-v0.70 | v7.0+ *(RN updated iPhone-target-version)* |
|
|
95
|
+
| v0.71 | v8.0+ *(RN moved to react-native-gradle-plugin)* |
|
|
96
|
+
|
|
97
|
+
*NOTE: `react-native-code-push` versions lower than **[v5.7.0](https://github.com/microsoft/react-native-code-push/releases/tag/v5.7.0)** will stop working in the near future. You can find more information in our [documentation](https://github.com/microsoft/code-push/blob/master/migration-notice.md).*
|
|
98
|
+
|
|
99
|
+
We work hard to respond to new RN releases, but they do occasionally break us. We will update this chart with each RN release, so that users can check to see what our "official" support is.
|
|
80
100
|
|
|
81
101
|
### Supported Components
|
|
82
102
|
|
|
@@ -111,7 +131,7 @@ As new core components are released, which support referencing assets, we'll upd
|
|
|
111
131
|
Once you've followed the general-purpose ["getting started"](https://docs.microsoft.com/en-us/appcenter/distribution/codepush/index) instructions for setting up your CodePush account, you can start CodePush-ifying your React Native app by running the following command from within your app's root directory:
|
|
112
132
|
|
|
113
133
|
```shell
|
|
114
|
-
|
|
134
|
+
npm install --save react-native-code-push
|
|
115
135
|
```
|
|
116
136
|
|
|
117
137
|
As with all other React Native plugins, the integration experience is different for iOS and Android, so perform the following setup steps depending on which platform(s) you are targeting. Note, if you are targeting both platforms it is recommended to create separate CodePush applications for each platform.
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
apply plugin: "com.android.library"
|
|
2
|
+
|
|
3
|
+
def isNewArchitectureEnabled() {
|
|
4
|
+
// To opt-in for the New Architecture, you can either:
|
|
5
|
+
// - Set `newArchEnabled` to true inside the `gradle.properties` file
|
|
6
|
+
// - Invoke gradle with `-newArchEnabled=true`
|
|
7
|
+
// - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true`
|
|
8
|
+
return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
def IS_NEW_ARCHITECTURE_ENABLED = isNewArchitectureEnabled()
|
|
12
|
+
|
|
13
|
+
if (IS_NEW_ARCHITECTURE_ENABLED) {
|
|
14
|
+
apply plugin: "com.facebook.react"
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
def DEFAULT_COMPILE_SDK_VERSION = 26
|
|
18
|
+
def DEFAULT_BUILD_TOOLS_VERSION = "26.0.3"
|
|
19
|
+
def DEFAULT_TARGET_SDK_VERSION = 26
|
|
20
|
+
def DEFAULT_MIN_SDK_VERSION = 16
|
|
21
|
+
|
|
22
|
+
android {
|
|
23
|
+
namespace "com.microsoft.codepush.react"
|
|
24
|
+
|
|
25
|
+
compileSdkVersion rootProject.hasProperty('compileSdkVersion') ? rootProject.compileSdkVersion : DEFAULT_COMPILE_SDK_VERSION
|
|
26
|
+
buildToolsVersion rootProject.hasProperty('buildToolsVersion') ? rootProject.buildToolsVersion : DEFAULT_BUILD_TOOLS_VERSION
|
|
27
|
+
|
|
28
|
+
defaultConfig {
|
|
29
|
+
minSdkVersion rootProject.hasProperty('minSdkVersion') ? rootProject.minSdkVersion : DEFAULT_MIN_SDK_VERSION
|
|
30
|
+
targetSdkVersion rootProject.hasProperty('targetSdkVersion') ? rootProject.targetSdkVersion : DEFAULT_TARGET_SDK_VERSION
|
|
31
|
+
versionCode 1
|
|
32
|
+
versionName "1.0"
|
|
33
|
+
buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", IS_NEW_ARCHITECTURE_ENABLED.toString()
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
lintOptions {
|
|
37
|
+
abortOnError false
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
defaultConfig {
|
|
41
|
+
consumerProguardFiles 'proguard-rules.pro'
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
dependencies {
|
|
46
|
+
implementation "com.facebook.react:react-native:+"
|
|
47
|
+
implementation 'com.nimbusds:nimbus-jose-jwt:9.37.3'
|
|
48
|
+
}
|
package/android/build.gradle
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Top-level build file
|
|
1
|
+
// Top-level build file where you can add configuration options common to all sub-projects/modules.
|
|
2
2
|
|
|
3
3
|
buildscript {
|
|
4
4
|
repositories {
|
|
@@ -7,44 +7,18 @@ buildscript {
|
|
|
7
7
|
}
|
|
8
8
|
dependencies {
|
|
9
9
|
classpath 'com.android.tools.build:gradle:1.3.0'
|
|
10
|
+
|
|
11
|
+
// NOTE: Do not place your application dependencies here; they belong
|
|
12
|
+
// in the individual module build.gradle files
|
|
10
13
|
}
|
|
11
14
|
}
|
|
12
15
|
|
|
13
16
|
allprojects {
|
|
17
|
+
android {
|
|
18
|
+
namespace "com.microsoft.codepush.react"
|
|
19
|
+
}
|
|
14
20
|
repositories {
|
|
15
|
-
|
|
21
|
+
mavenLocal()
|
|
16
22
|
mavenCentral()
|
|
17
23
|
}
|
|
18
24
|
}
|
|
19
|
-
|
|
20
|
-
apply plugin: "com.android.library"
|
|
21
|
-
|
|
22
|
-
def isNewArchitectureEnabled() {
|
|
23
|
-
return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
def IS_NEW_ARCHITECTURE_ENABLED = isNewArchitectureEnabled()
|
|
27
|
-
|
|
28
|
-
android {
|
|
29
|
-
namespace "com.microsoft.codepush.react"
|
|
30
|
-
compileSdkVersion rootProject.hasProperty('compileSdkVersion') ? rootProject.compileSdkVersion : 33
|
|
31
|
-
buildToolsVersion rootProject.hasProperty('buildToolsVersion') ? rootProject.buildToolsVersion : "33.0.0"
|
|
32
|
-
|
|
33
|
-
defaultConfig {
|
|
34
|
-
minSdkVersion rootProject.hasProperty('minSdkVersion') ? rootProject.minSdkVersion : 21
|
|
35
|
-
targetSdkVersion rootProject.hasProperty('targetSdkVersion') ? rootProject.targetSdkVersion : 33
|
|
36
|
-
versionCode 1
|
|
37
|
-
versionName "1.0"
|
|
38
|
-
buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", IS_NEW_ARCHITECTURE_ENABLED.toString()
|
|
39
|
-
consumerProguardFiles 'proguard-rules.pro'
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
lintOptions {
|
|
43
|
-
abortOnError false
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
dependencies {
|
|
48
|
-
implementation "com.facebook.react:react-native:+"
|
|
49
|
-
implementation 'com.nimbusds:nimbus-jose-jwt:9.37.3'
|
|
50
|
-
}
|
package/android/codepush.gradle
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
include ':app'
|
package/docs/api-android.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
###
|
|
1
|
+
### Java API Reference (Android)
|
|
2
|
+
|
|
3
|
+
### API for React Native 0.60 version and above
|
|
2
4
|
|
|
3
5
|
Since `autolinking` uses `react-native.config.js` to link plugins, constructors are specified in that file. But you can override custom variables to manage the CodePush plugin by placing these values in string resources.
|
|
4
6
|
|
|
@@ -14,9 +16,9 @@ Since `autolinking` uses `react-native.config.js` to link plugins, constructors
|
|
|
14
16
|
<string moduleConfig="true" name="CodePushServerUrl">https://yourcodepush.server.com</string>
|
|
15
17
|
```
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
### API for React Native lower than 0.60
|
|
18
20
|
|
|
19
|
-
|
|
21
|
+
The Java API is made available by importing the `com.microsoft.codepush.react.CodePush` class into your `MainActivity.java` file, and consists of a single public class named `CodePush`.
|
|
20
22
|
|
|
21
23
|
#### CodePush
|
|
22
24
|
|
|
@@ -10,7 +10,7 @@ The [Android Gradle plugin](https://google.github.io/android-gradle-dsl/current/
|
|
|
10
10
|
|
|
11
11
|
To set this up, perform the following steps:
|
|
12
12
|
|
|
13
|
-
**For React Native >= v0.
|
|
13
|
+
**For React Native >= v0.60**
|
|
14
14
|
|
|
15
15
|
1. Open the project's app level `build.gradle` file (for example `android/app/build.gradle` in standard React Native projects)
|
|
16
16
|
|
|
@@ -51,5 +51,98 @@ To set this up, perform the following steps:
|
|
|
51
51
|
|
|
52
52
|
*NOTE: The naming convention for `releaseStaging` is significant due to [this line](https://github.com/facebook/react-native/blob/e083f9a139b3f8c5552528f8f8018529ef3193b9/react.gradle#L79).*
|
|
53
53
|
|
|
54
|
+
**For React Native v0.29 - v0.59**
|
|
55
|
+
|
|
56
|
+
1. Open up your `MainApplication.java` file and make the following changes:
|
|
57
|
+
|
|
58
|
+
```java
|
|
59
|
+
@Override
|
|
60
|
+
protected List<ReactPackage> getPackages() {
|
|
61
|
+
return Arrays.<ReactPackage>asList(
|
|
62
|
+
...
|
|
63
|
+
new CodePush(BuildConfig.CODEPUSH_KEY, MainApplication.this, BuildConfig.DEBUG), // Add/change this line.
|
|
64
|
+
...
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
2. Open your app's `build.gradle` file (for example `android/app/build.gradle` in standard React Native projects)
|
|
70
|
+
|
|
71
|
+
3. Find the `android { buildTypes {} }` section and define `buildConfigField` entries for both your `debug` and `release` build types, which reference your `Staging` and `Production` deployment keys respectively. If you prefer, you can define the key literals in your `gradle.properties` file, and then reference them here. Either way will work, and it's just a matter of personal preference.
|
|
72
|
+
|
|
73
|
+
```groovy
|
|
74
|
+
android {
|
|
75
|
+
...
|
|
76
|
+
buildTypes {
|
|
77
|
+
debug {
|
|
78
|
+
...
|
|
79
|
+
// Note: CodePush updates should not be tested in Debug mode as they are overriden by the RN packager. However, because CodePush checks for updates in all modes, we must supply a key.
|
|
80
|
+
buildConfigField "String", "CODEPUSH_KEY", '""'
|
|
81
|
+
...
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
releaseStaging {
|
|
85
|
+
...
|
|
86
|
+
buildConfigField "String", "CODEPUSH_KEY", '"<INSERT_STAGING_KEY>"'
|
|
87
|
+
// Note: It is a good idea to provide matchingFallbacks for the new buildType you create to prevent build issues
|
|
88
|
+
// Add the following line if not already there
|
|
89
|
+
matchingFallbacks = ['release']
|
|
90
|
+
...
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
release {
|
|
94
|
+
...
|
|
95
|
+
buildConfigField "String", "CODEPUSH_KEY", '"<INSERT_PRODUCTION_KEY>"'
|
|
96
|
+
...
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
...
|
|
100
|
+
}
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
*NOTE: The naming convention for `releaseStaging` is significant due to [this line](https://github.com/facebook/react-native/blob/e083f9a139b3f8c5552528f8f8018529ef3193b9/react.gradle#L79).*
|
|
104
|
+
|
|
105
|
+
4. Pass the deployment key to the `CodePush` constructor via the build config you defined, as opposed to a string literal.
|
|
106
|
+
|
|
107
|
+
**For React Native v0.19 - v0.28**
|
|
108
|
+
|
|
109
|
+
Open up your `MainActivity.java` file and make the following changes:
|
|
110
|
+
|
|
111
|
+
```java
|
|
112
|
+
@Override
|
|
113
|
+
protected List<ReactPackage> getPackages() {
|
|
114
|
+
return Arrays.<ReactPackage>asList(
|
|
115
|
+
...
|
|
116
|
+
new CodePush(BuildConfig.CODEPUSH_KEY, this, BuildConfig.DEBUG), // Add/change this line.
|
|
117
|
+
...
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
*Note: If you gave your build setting a different name in your Gradle file, simply make sure to reflect that in your Java code.*
|
|
123
|
+
|
|
124
|
+
And that's it! Now when you run or build your app, your debug builds will automatically be configured to sync with your `Staging` deployment, and your release builds will be configured to sync with your `Production` deployment.
|
|
125
|
+
|
|
126
|
+
*NOTE: By default, the `react-native run-android` command builds and deploys the debug version of your app, so if you want to test out a release/production build, simply run `react-native run-android --variant release. Refer to the [React Native docs](http://facebook.github.io/react-native/docs/signed-apk-android.html#conten) for details about how to configure and create release builds for your Android apps.*
|
|
127
|
+
|
|
128
|
+
If you want to be able to install both debug and release builds simultaneously on the same device (highly recommended!), then you need to ensure that your debug build has a unique identity and icon from your release build. Otherwise, neither the OS nor you will be able to differentiate between the two. You can achieve this by performing the following steps:
|
|
129
|
+
|
|
130
|
+
1. In your `build.gradle` file, specify the [`applicationIdSuffix`](http://google.github.io/android-gradle-dsl/current/com.android.build.gradle.internal.dsl.BuildType.html#com.android.build.gradle.internal.dsl.BuildType:applicationIdSuffix) field for your debug build type, which gives your debug build a unique identity for the OS (like `com.foo` vs. `com.foo.debug`).
|
|
131
|
+
|
|
132
|
+
```groovy
|
|
133
|
+
buildTypes {
|
|
134
|
+
debug {
|
|
135
|
+
applicationIdSuffix ".debug"
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
2. Create the `app/src/debug/res` directory structure in your app, which allows overriding resources (like strings, icons, layouts) for your debug builds
|
|
141
|
+
|
|
142
|
+
3. Create a `values` directory underneath the debug res directory created in #2, and copy the existing `strings.xml` file from the `app/src/main/res/values` directory
|
|
143
|
+
|
|
144
|
+
4. Open up the new debug `strings.xml` file and change the `<string name="app_name">` element's value to something else (like `foo-debug`). This ensures that your debug build now has a distinct display name, so that you can differentiate it from your release build.
|
|
145
|
+
|
|
146
|
+
5. Optionally, create "mirrored" directories in the `app/src/debug/res` directory for all of your app's icons that you want to change for your debug build. This part isn't technically critical, but it can make it easier to quickly spot your debug builds on a device if its icon is noticeable different.
|
|
54
147
|
|
|
55
148
|
And that's it! View [here](http://tools.android.com/tech-docs/new-build-system/resource-merging) for more details on how resource merging works in Android.
|
package/docs/setup-android.md
CHANGED
|
@@ -1,14 +1,33 @@
|
|
|
1
1
|
## Android Setup
|
|
2
2
|
|
|
3
|
-
* [Plugin Installation and Configuration for React Native 0.
|
|
3
|
+
* [Plugin Installation and Configuration for React Native 0.60 version and above](#plugin-installation-and-configuration-for-react-native-060-version-and-above-android)
|
|
4
|
+
* [Plugin Installation for React Native lower than 0.60 (Android)](#plugin-installation-for-react-native-lower-than-060-android)
|
|
5
|
+
* [Plugin Installation (Android - RNPM)](#plugin-installation-android---rnpm)
|
|
6
|
+
* [Plugin Installation (Android - Manual)](#plugin-installation-android---manual)
|
|
7
|
+
* [Plugin Configuration for React Native lower than 0.60 (Android)](#plugin-configuration-for-react-native-lower-than-060-android)
|
|
8
|
+
* [For React Native v0.29 - v0.59](#for-react-native-v029---v059)
|
|
9
|
+
* [For newly created React Native application](#for-newly-created-react-native-application)
|
|
10
|
+
* [For existing native application](#for-existing-native-application)
|
|
11
|
+
* [For React Native v0.19 - v0.28](#for-react-native-v019---v028)
|
|
12
|
+
* [Background React Instances](#background-react-instances)
|
|
13
|
+
* [For React Native >= v0.29 (Background React Instances)](#for-react-native--v029-background-react-instances)
|
|
14
|
+
* [For React Native v0.19 - v0.28 (Background React Instances)](#for-react-native-v019---v028-background-react-instances)
|
|
15
|
+
* [WIX React Native Navigation applications (ver 1.x)](#wix-react-native-navigation-applications)
|
|
4
16
|
* [Code Signing setup](#code-signing-setup)
|
|
5
17
|
|
|
6
18
|
In order to integrate CodePush into your Android project, please perform the following steps:
|
|
7
19
|
|
|
8
|
-
### Plugin Installation and Configuration for React Native 0.
|
|
20
|
+
### Plugin Installation and Configuration for React Native 0.60 version and above (Android)
|
|
9
21
|
|
|
22
|
+
1. In your `android/settings.gradle` file, make the following additions at the end of the file:
|
|
10
23
|
|
|
11
|
-
|
|
24
|
+
```gradle
|
|
25
|
+
...
|
|
26
|
+
include ':app', ':chlee1001_react-native-code-push'
|
|
27
|
+
project(':chlee1001_react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/@appcircle/react-native-code-push/android/app')
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
2. In your `android/app/build.gradle` file, add the `codepush.gradle` file as an additional build task definition to the end of the file:
|
|
12
31
|
|
|
13
32
|
```gradle
|
|
14
33
|
...
|
|
@@ -16,11 +35,9 @@ In order to integrate CodePush into your Android project, please perform the fol
|
|
|
16
35
|
...
|
|
17
36
|
```
|
|
18
37
|
|
|
19
|
-
|
|
38
|
+
3. Update the `MainApplication` file to use CodePush via the following changes:
|
|
20
39
|
|
|
21
|
-
For React Native 0.
|
|
22
|
-
|
|
23
|
-
**Important! : PackageList must be instantiated only one in application lifetime.**
|
|
40
|
+
For React Native 0.73 and above: update the `MainApplication.kt`
|
|
24
41
|
|
|
25
42
|
```kotlin
|
|
26
43
|
...
|
|
@@ -28,14 +45,6 @@ In order to integrate CodePush into your Android project, please perform the fol
|
|
|
28
45
|
import com.microsoft.codepush.react.CodePush
|
|
29
46
|
|
|
30
47
|
class MainApplication : Application(), ReactApplication {
|
|
31
|
-
|
|
32
|
-
// PackageList must be instantiated only one in application lifetime.
|
|
33
|
-
val defaultPackageList by lazy {
|
|
34
|
-
PackageList(this).packages.apply {
|
|
35
|
-
// Packages that cannot be autolinked yet can be added manually here, for example:
|
|
36
|
-
// add(MyReactNativePackage())
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
48
|
|
|
40
49
|
override val reactNativeHost: ReactNativeHost =
|
|
41
50
|
object : DefaultReactNativeHost(this) {
|
|
@@ -51,8 +60,30 @@ In order to integrate CodePush into your Android project, please perform the fol
|
|
|
51
60
|
}
|
|
52
61
|
```
|
|
53
62
|
|
|
63
|
+
For React Native 0.72 and below: update the `MainApplication.java`
|
|
54
64
|
|
|
55
|
-
|
|
65
|
+
```java
|
|
66
|
+
...
|
|
67
|
+
// 1. Import the plugin class.
|
|
68
|
+
import com.microsoft.codepush.react.CodePush;
|
|
69
|
+
|
|
70
|
+
public class MainApplication extends Application implements ReactApplication {
|
|
71
|
+
|
|
72
|
+
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
|
|
73
|
+
...
|
|
74
|
+
|
|
75
|
+
// 2. Override the getJSBundleFile method in order to let
|
|
76
|
+
// the CodePush runtime determine where to get the JS
|
|
77
|
+
// bundle location from on each app start
|
|
78
|
+
@Override
|
|
79
|
+
protected String getJSBundleFile() {
|
|
80
|
+
return CodePush.getJSBundleFile();
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
4. Add the Deployment key to `strings.xml`:
|
|
56
87
|
|
|
57
88
|
To let the CodePush runtime know which deployment it should query for updates, open your app's `strings.xml` file and add a new string named `CodePushDeploymentKey`, whose value is the key of the deployment you want to configure this app against (like the key for the `Staging` deployment for the `FooBar` app). You can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k` in the CodePush CLI (the `-k` flag is necessary since keys aren't displayed by default) and copying the value of the `Key` column which corresponds to the deployment you want to use (see below). Note that using the deployment's name (like Staging) will not work. The "friendly name" is intended only for authenticated management usage from the CLI, and not for public consumption within your app.
|
|
58
89
|
|
|
@@ -71,10 +102,350 @@ In order to integrate CodePush into your Android project, please perform the fol
|
|
|
71
102
|
|
|
72
103
|
*Note: If you need to dynamically use a different deployment, you can also override your deployment key in JS code using [Code-Push options](./api-js.md#CodePushOptions)*
|
|
73
104
|
|
|
105
|
+
### Plugin Installation for React Native lower than 0.60 (Android)
|
|
106
|
+
|
|
107
|
+
In order to accommodate as many developer preferences as possible, the CodePush plugin supports Android installation via two mechanisms:
|
|
108
|
+
|
|
109
|
+
1. [**RNPM**](#plugin-installation-android---rnpm) - [React Native Package Manager (RNPM)](https://github.com/rnpm/rnpm) is an awesome tool that provides the simplest installation experience possible for React Native plugins. If you're already using it, or you want to use it, then we recommend this approach.
|
|
110
|
+
|
|
111
|
+
2. [**"Manual"**](#plugin-installation-android---manual) - If you don't want to depend on any additional tools or are fine with a few extra installation steps (it's a one-time thing), then go with this approach.
|
|
112
|
+
|
|
113
|
+
*Note: Due to a code change from the React Native repository, if your installed React Native version ranges from 0.29 to 0.32, we recommend following the manual steps to set up correctly. *
|
|
114
|
+
|
|
115
|
+
#### Plugin Installation (Android - RNPM)
|
|
116
|
+
|
|
117
|
+
1. As of v0.27 of React Native, `rnpm link` has already been merged into the React Native CLI. Simply run:
|
|
118
|
+
```
|
|
119
|
+
react-native link react-native-code-push
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
If your app uses a version of React Native that is lower than v0.27, run the following:
|
|
123
|
+
```
|
|
124
|
+
rnpm link react-native-code-push
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
*Note: If you don't already have RNPM installed, you can do so by simply running `npm i -g rnpm` and then executing the above command.*
|
|
128
|
+
|
|
129
|
+
2. If you're using RNPM >=1.6.0, you will be prompted for the deployment key you'd like to use. If you don't already have it, you can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k`, or you can choose to ignore it (by simply hitting `<ENTER>`) and add it in later. To get started, we would recommend just using your `Staging` deployment key, so that you can test out the CodePush end-to-end.
|
|
130
|
+
|
|
131
|
+
And that's it for installation using RNPM! Continue below to the [Plugin Configuration](#plugin-configuration-for-react-native-lower-than-060-android) section to complete the setup.
|
|
132
|
+
|
|
133
|
+
#### Plugin Installation (Android - Manual)
|
|
134
|
+
|
|
135
|
+
1. In your `android/settings.gradle` file, make the following additions:
|
|
136
|
+
|
|
137
|
+
```gradle
|
|
138
|
+
include ':app', ':react-native-code-push'
|
|
139
|
+
project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
2. In your `android/app/build.gradle` file, add the `:react-native-code-push` project as a compile-time dependency:
|
|
143
|
+
|
|
144
|
+
```gradle
|
|
145
|
+
...
|
|
146
|
+
dependencies {
|
|
147
|
+
...
|
|
148
|
+
compile project(':react-native-code-push')
|
|
149
|
+
}
|
|
150
|
+
```
|
|
151
|
+
|
|
152
|
+
3. In your `android/app/build.gradle` file, add the `codepush.gradle` file as an additional build task definition underneath `react.gradle`:
|
|
153
|
+
|
|
154
|
+
```gradle
|
|
155
|
+
...
|
|
156
|
+
apply from: "../../node_modules/react-native/react.gradle"
|
|
157
|
+
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
|
|
158
|
+
...
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
### Plugin Configuration for React Native lower than 0.60 (Android)
|
|
162
|
+
|
|
163
|
+
*NOTE: If you used RNPM or `react-native link` to automatically link the plugin, these steps have already been done for you so you may skip this section.*
|
|
164
|
+
|
|
165
|
+
After installing the plugin and syncing your Android Studio project with Gradle, you need to configure your app to consult CodePush for the location of your JS bundle, since it will "take control" of managing the current and all future versions. To do this:
|
|
166
|
+
|
|
167
|
+
#### For React Native v0.29 - v0.59
|
|
168
|
+
|
|
169
|
+
##### For newly created React Native application
|
|
170
|
+
|
|
171
|
+
If you are integrating Code Push into React Native application please do the following steps:
|
|
172
|
+
|
|
173
|
+
Update the `MainApplication.java` file to use CodePush via the following changes:
|
|
174
|
+
|
|
175
|
+
```java
|
|
176
|
+
...
|
|
177
|
+
// 1. Import the plugin class.
|
|
178
|
+
import com.microsoft.codepush.react.CodePush;
|
|
179
|
+
|
|
180
|
+
public class MainApplication extends Application implements ReactApplication {
|
|
181
|
+
|
|
182
|
+
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
|
|
183
|
+
...
|
|
184
|
+
// 2. Override the getJSBundleFile method in order to let
|
|
185
|
+
// the CodePush runtime determine where to get the JS
|
|
186
|
+
// bundle location from on each app start
|
|
187
|
+
@Override
|
|
188
|
+
protected String getJSBundleFile() {
|
|
189
|
+
return CodePush.getJSBundleFile();
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
@Override
|
|
193
|
+
protected List<ReactPackage> getPackages() {
|
|
194
|
+
// 3. Instantiate an instance of the CodePush runtime and add it to the list of
|
|
195
|
+
// existing packages, specifying the right deployment key. If you don't already
|
|
196
|
+
// have it, you can run "appcenter codepush deployment list -a <ownerName>/<appName> -k" to retrieve your key.
|
|
197
|
+
return Arrays.<ReactPackage>asList(
|
|
198
|
+
new MainReactPackage(),
|
|
199
|
+
new CodePush("deployment-key-here", MainApplication.this, BuildConfig.DEBUG)
|
|
200
|
+
);
|
|
201
|
+
}
|
|
202
|
+
};
|
|
203
|
+
}
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
*NOTE: For React Native v0.49+ please be sure that `getJSMainModuleName` function in the `MainApplication.java` file determines correct URL to fetch JS bundle (used when dev support is enabled, see [this](https://github.com/facebook/react-native/blob/c7f37074ac89f7e568ca26a6bad3bdb02812c39f/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java#L124) for more details) e.g.*
|
|
207
|
+
```
|
|
208
|
+
@Override
|
|
209
|
+
protected String getJSMainModuleName() {
|
|
210
|
+
return "index";
|
|
211
|
+
}
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
##### For existing native application
|
|
215
|
+
|
|
216
|
+
If you are integrating React Native into existing native application please do the following steps:
|
|
217
|
+
|
|
218
|
+
Update `MyReactActivity.java` (it could be named differently in your app) file to use CodePush via the following changes:
|
|
219
|
+
|
|
220
|
+
```java
|
|
221
|
+
...
|
|
222
|
+
// 1. Import the plugin class.
|
|
223
|
+
import com.microsoft.codepush.react.CodePush;
|
|
224
|
+
|
|
225
|
+
public class MyReactActivity extends Activity {
|
|
226
|
+
private ReactRootView mReactRootView;
|
|
227
|
+
private ReactInstanceManager mReactInstanceManager;
|
|
228
|
+
|
|
229
|
+
@Override
|
|
230
|
+
protected void onCreate(Bundle savedInstanceState) {
|
|
231
|
+
...
|
|
232
|
+
mReactInstanceManager = ReactInstanceManager.builder()
|
|
233
|
+
// ...
|
|
234
|
+
// Add CodePush package
|
|
235
|
+
.addPackage(new CodePush("deployment-key-here", getApplicationContext(), BuildConfig.DEBUG))
|
|
236
|
+
// Get the JS Bundle File via Code Push
|
|
237
|
+
.setJSBundleFile(CodePush.getJSBundleFile())
|
|
238
|
+
// ...
|
|
239
|
+
|
|
240
|
+
.build();
|
|
241
|
+
mReactRootView.startReactApplication(mReactInstanceManager, "MyReactNativeApp", null);
|
|
242
|
+
|
|
243
|
+
setContentView(mReactRootView);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
...
|
|
247
|
+
}
|
|
248
|
+
```
|
|
249
|
+
|
|
250
|
+
#### For React Native v0.19 - v0.28
|
|
251
|
+
|
|
252
|
+
Update the `MainActivity.java` file to use CodePush via the following changes:
|
|
253
|
+
|
|
254
|
+
```java
|
|
255
|
+
...
|
|
256
|
+
// 1. Import the plugin class (if you used RNPM to install the plugin, this
|
|
257
|
+
// should already be done for you automatically so you can skip this step).
|
|
258
|
+
import com.microsoft.codepush.react.CodePush;
|
|
259
|
+
|
|
260
|
+
public class MainActivity extends ReactActivity {
|
|
261
|
+
// 2. Override the getJSBundleFile method in order to let
|
|
262
|
+
// the CodePush runtime determine where to get the JS
|
|
263
|
+
// bundle location from on each app start
|
|
264
|
+
@Override
|
|
265
|
+
protected String getJSBundleFile() {
|
|
266
|
+
return CodePush.getJSBundleFile();
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
@Override
|
|
270
|
+
protected List<ReactPackage> getPackages() {
|
|
271
|
+
// 3. Instantiate an instance of the CodePush runtime and add it to the list of
|
|
272
|
+
// existing packages, specifying the right deployment key. If you don't already
|
|
273
|
+
// have it, you can run "appcenter codepush deployment list -a <ownerName>/<appName> -k" to retrieve your key.
|
|
274
|
+
return Arrays.<ReactPackage>asList(
|
|
275
|
+
new MainReactPackage(),
|
|
276
|
+
new CodePush("deployment-key-here", this, BuildConfig.DEBUG)
|
|
277
|
+
);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
...
|
|
281
|
+
}
|
|
282
|
+
```
|
|
283
|
+
|
|
284
|
+
#### Background React Instances
|
|
285
|
+
|
|
286
|
+
*This section is only necessary if you're <b>explicitly</b> launching a React Native instance without an `Activity` (for example, from within a native push notification receiver). For these situations, CodePush must be told how to find your React Native instance.*
|
|
287
|
+
|
|
288
|
+
In order to update/restart your React Native instance, CodePush must be configured with a `ReactInstanceHolder` before attempting to restart an instance in the background. This is done in your `Application` implementation.
|
|
289
|
+
|
|
290
|
+
##### For React Native >= v0.29 (Background React Instances)
|
|
291
|
+
|
|
292
|
+
Update the `MainApplication.java` file to use CodePush via the following changes:
|
|
293
|
+
|
|
294
|
+
```java
|
|
295
|
+
...
|
|
296
|
+
// 1. Declare your ReactNativeHost to extend ReactInstanceHolder. ReactInstanceHolder is a subset of ReactNativeHost, so no additional implementation is needed.
|
|
297
|
+
import com.microsoft.codepush.react.ReactInstanceHolder;
|
|
298
|
+
|
|
299
|
+
public class MyReactNativeHost extends ReactNativeHost implements ReactInstanceHolder {
|
|
300
|
+
// ... usual overrides
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
// 2. Provide your ReactNativeHost to CodePush.
|
|
304
|
+
|
|
305
|
+
public class MainApplication extends Application implements ReactApplication {
|
|
306
|
+
|
|
307
|
+
private final MyReactNativeHost mReactNativeHost = new MyReactNativeHost(this);
|
|
308
|
+
|
|
309
|
+
@Override
|
|
310
|
+
public void onCreate() {
|
|
311
|
+
CodePush.setReactInstanceHolder(mReactNativeHost);
|
|
312
|
+
super.onCreate();
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
```
|
|
316
|
+
|
|
317
|
+
##### For React Native v0.19 - v0.28 (Background React Instances)
|
|
318
|
+
|
|
319
|
+
Before v0.29, React Native did not provide a `ReactNativeHost` abstraction. If you're launching a background instance, you'll likely have built your own, which should now implement `ReactInstanceHolder`. Once that's done:
|
|
320
|
+
|
|
321
|
+
```java
|
|
322
|
+
// 1. Provide your ReactInstanceHolder to CodePush.
|
|
323
|
+
|
|
324
|
+
public class MainApplication extends Application {
|
|
325
|
+
|
|
326
|
+
@Override
|
|
327
|
+
public void onCreate() {
|
|
328
|
+
// ... initialize your instance holder
|
|
329
|
+
CodePush.setReactInstanceHolder(myInstanceHolder);
|
|
330
|
+
super.onCreate();
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
```
|
|
74
334
|
|
|
75
335
|
In order to effectively make use of the `Staging` and `Production` deployments that were created along with your CodePush app, refer to the [multi-deployment testing](../README.md#multi-deployment-testing) docs below before actually moving your app's usage of CodePush into production.
|
|
76
336
|
|
|
337
|
+
#### WIX React Native Navigation applications
|
|
338
|
+
|
|
339
|
+
If you are using [WIX React Native Navigation **version 1.x**](https://github.com/wix/react-native-navigation) based application, please do the following steps to integrate CodePush:
|
|
340
|
+
|
|
341
|
+
1. No need to change `MainActivity.java` file, so if you are integrating CodePush to newly created RNN application it might be looking like this:
|
|
77
342
|
|
|
343
|
+
```java
|
|
344
|
+
import com.facebook.react.ReactActivity;
|
|
345
|
+
import com.reactnativenavigation.controllers.SplashActivity;
|
|
346
|
+
|
|
347
|
+
public class MainActivity extends SplashActivity {
|
|
348
|
+
|
|
349
|
+
}
|
|
350
|
+
```
|
|
351
|
+
|
|
352
|
+
2. Update the `MainApplication.java` file to use CodePush via the following changes:
|
|
353
|
+
|
|
354
|
+
```java
|
|
355
|
+
// ...
|
|
356
|
+
import com.facebook.react.ReactInstanceManager;
|
|
357
|
+
|
|
358
|
+
// Add CodePush imports
|
|
359
|
+
import com.microsoft.codepush.react.ReactInstanceHolder;
|
|
360
|
+
import com.microsoft.codepush.react.CodePush;
|
|
361
|
+
|
|
362
|
+
public class MainApplication extends NavigationApplication implements ReactInstanceHolder {
|
|
363
|
+
|
|
364
|
+
@Override
|
|
365
|
+
public boolean isDebug() {
|
|
366
|
+
// Make sure you are using BuildConfig from your own application
|
|
367
|
+
return BuildConfig.DEBUG;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
protected List<ReactPackage> getPackages() {
|
|
371
|
+
// Add additional packages you require here
|
|
372
|
+
return Arrays.<ReactPackage>asList(
|
|
373
|
+
new CodePush("deployment-key-here", getApplicationContext(), BuildConfig.DEBUG)
|
|
374
|
+
);
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
@Override
|
|
378
|
+
public List<ReactPackage> createAdditionalReactPackages() {
|
|
379
|
+
return getPackages();
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
@Override
|
|
383
|
+
public String getJSBundleFile() {
|
|
384
|
+
// Override default getJSBundleFile method with the one CodePush is providing
|
|
385
|
+
return CodePush.getJSBundleFile();
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
@Override
|
|
389
|
+
public String getJSMainModuleName() {
|
|
390
|
+
return "index";
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
@Override
|
|
394
|
+
public ReactInstanceManager getReactInstanceManager() {
|
|
395
|
+
// CodePush must be told how to find React Native instance
|
|
396
|
+
return getReactNativeHost().getReactInstanceManager();
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
```
|
|
400
|
+
If you are using [WIX React Native Navigation **version 2.x**](https://github.com/wix/react-native-navigation/tree/v2) based application, please do the following steps to integrate CodePush:
|
|
401
|
+
|
|
402
|
+
1. As per React Native Navigation's documentation, `MainActivity.java` should extend `NavigationActivity`, no changes required to incorporate CodePush:
|
|
403
|
+
|
|
404
|
+
```java
|
|
405
|
+
import com.reactnativenavigation.NavigationActivity;
|
|
406
|
+
|
|
407
|
+
public class MainActivity extends NavigationActivity {
|
|
408
|
+
|
|
409
|
+
}
|
|
410
|
+
```
|
|
411
|
+
|
|
412
|
+
2. Update the `MainApplication.java` file to use CodePush via the following changes:
|
|
413
|
+
|
|
414
|
+
```java
|
|
415
|
+
// ...
|
|
416
|
+
import com.facebook.react.ReactInstanceManager;
|
|
417
|
+
|
|
418
|
+
// Add CodePush imports
|
|
419
|
+
import com.microsoft.codepush.react.CodePush;
|
|
420
|
+
|
|
421
|
+
public class MainApplication extends NavigationApplication {
|
|
422
|
+
|
|
423
|
+
@Override
|
|
424
|
+
public boolean isDebug() {
|
|
425
|
+
return BuildConfig.DEBUG;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
@Override
|
|
429
|
+
protected ReactGateway createReactGateway() {
|
|
430
|
+
ReactNativeHost host = new NavigationReactNativeHost(this, isDebug(), createAdditionalReactPackages()) {
|
|
431
|
+
@javax.annotation.Nullable
|
|
432
|
+
@Override
|
|
433
|
+
protected String getJSBundleFile() {
|
|
434
|
+
return CodePush.getJSBundleFile();
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
};
|
|
438
|
+
return new ReactGateway(this, isDebug(), host);
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
@Override
|
|
442
|
+
public List<ReactPackage> createAdditionalReactPackages() {
|
|
443
|
+
return Arrays.<ReactPackage>asList(
|
|
444
|
+
new CodePush("deployment-key-here", getApplicationContext(), isDebug())
|
|
445
|
+
//,MainReactPackage , etc...
|
|
446
|
+
}
|
|
447
|
+
}
|
|
448
|
+
```
|
|
78
449
|
|
|
79
450
|
### Code Signing setup
|
|
80
451
|
|
|
@@ -97,7 +468,23 @@ zwIDAQAB
|
|
|
97
468
|
</resources>
|
|
98
469
|
```
|
|
99
470
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
471
|
+
#### For React Native <= v0.60 you should configure the `CodePush` instance to use this parameter using one of the following approaches
|
|
472
|
+
|
|
473
|
+
##### Using constructor
|
|
474
|
+
|
|
475
|
+
```java
|
|
476
|
+
new CodePush(
|
|
477
|
+
"deployment-key",
|
|
478
|
+
getApplicationContext(),
|
|
479
|
+
BuildConfig.DEBUG,
|
|
480
|
+
R.string.CodePushPublicKey)
|
|
481
|
+
```
|
|
482
|
+
|
|
483
|
+
##### Using builder
|
|
484
|
+
|
|
485
|
+
```java
|
|
486
|
+
new CodePushBuilder("deployment-key-here",getApplicationContext())
|
|
487
|
+
.setIsDebugMode(BuildConfig.DEBUG)
|
|
488
|
+
.setPublicKeyResourceDescriptor(R.string.CodePushPublicKey)
|
|
489
|
+
.build()
|
|
490
|
+
```
|
package/docs/setup-ios.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Once you've acquired the CodePush plugin, you need to integrate it into the Xcode project of your React Native app and configure it correctly. To do this, take the following steps:
|
|
4
4
|
|
|
5
|
-
### Plugin Installation and Configuration for React Native 0.
|
|
5
|
+
### Plugin Installation and Configuration for React Native 0.60 version and above (iOS)
|
|
6
6
|
|
|
7
7
|
1. Run `cd ios && pod install && cd ..` to install all the necessary CocoaPods dependencies.
|
|
8
8
|
|
|
@@ -52,6 +52,177 @@ Once you've acquired the CodePush plugin, you need to integrate it into the Xcod
|
|
|
52
52
|
|
|
53
53
|
*Note: If you need to dynamically use a different deployment, you can also override your deployment key in JS code using [Code-Push options](./api-js.md#CodePushOptions)*
|
|
54
54
|
|
|
55
|
+
### Plugin Installation for React Native lower than 0.60 (iOS)
|
|
56
|
+
|
|
57
|
+
In order to accommodate as many developer preferences as possible, the CodePush plugin supports iOS installation via three mechanisms:
|
|
58
|
+
|
|
59
|
+
1. [**RNPM**](#plugin-installation-ios---rnpm) - [React Native Package Manager (RNPM)](https://github.com/rnpm/rnpm) is an awesome tool that provides the simplest installation experience possible for React Native plugins. If you're already using it, or you want to use it, then we recommend this approach.
|
|
60
|
+
|
|
61
|
+
2. [**CocoaPods**](#plugin-installation-ios---cocoapods) - If you're building a native iOS app that is embedding React Native into it, or you simply prefer using [CocoaPods](https://cocoapods.org), then we recommend using the Podspec file that we ship as part of our plugin.
|
|
62
|
+
|
|
63
|
+
3. [**"Manual"**](#plugin-installation-ios---manual) - If you don't want to depend on any additional tools or are fine with a few extra installation steps (it's a one-time thing), then go with this approach.
|
|
64
|
+
|
|
65
|
+
#### Plugin Installation (iOS - RNPM)
|
|
66
|
+
|
|
67
|
+
1. As of v0.27 of React Native, `rnpm link` has already been merged into the React Native CLI. Simply run:
|
|
68
|
+
```
|
|
69
|
+
react-native link react-native-code-push
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
If your app uses a version of React Native that is lower than v0.27, run the following:
|
|
73
|
+
```
|
|
74
|
+
rnpm link react-native-code-push
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
*Note: If you don't already have RNPM installed, you can do so by simply running `npm i -g rnpm` and then executing the above command. If you already have RNPM installed, make sure you have v1.9.0+ in order to benefit from this one step install.*
|
|
78
|
+
|
|
79
|
+
2. You will be prompted for the deployment key you'd like to use. If you don't already have it, you can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k`, or you can choose to ignore it (by simply hitting `<ENTER>`) and add it in later. To get started, we would recommend just using your `Staging` deployment key, so that you can test out the CodePush end-to-end.
|
|
80
|
+
|
|
81
|
+
And that's it! Isn't RNPM awesome? :)
|
|
82
|
+
|
|
83
|
+
#### Plugin Installation (iOS - CocoaPods)
|
|
84
|
+
|
|
85
|
+
1. Add the ReactNative and CodePush plugin dependencies to your `Podfile`, pointing at the path where NPM installed it
|
|
86
|
+
|
|
87
|
+
```
|
|
88
|
+
# React Native requirements
|
|
89
|
+
pod 'React', :path => '../node_modules/react-native', :subspecs => [
|
|
90
|
+
'Core',
|
|
91
|
+
'CxxBridge', # Include this for RN >= 0.47
|
|
92
|
+
'DevSupport', # Include this to enable In-App Devmenu if RN >= 0.43
|
|
93
|
+
'RCTText',
|
|
94
|
+
'RCTNetwork',
|
|
95
|
+
'RCTWebSocket', # Needed for debugging
|
|
96
|
+
'RCTAnimation', # Needed for FlatList and animations running on native UI thread
|
|
97
|
+
# Add any other subspecs you want to use in your project
|
|
98
|
+
]
|
|
99
|
+
# Explicitly include Yoga if you are using RN >= 0.42.0
|
|
100
|
+
pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
|
|
101
|
+
pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
|
|
102
|
+
pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
|
|
103
|
+
pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
|
|
104
|
+
|
|
105
|
+
# CodePush plugin dependency
|
|
106
|
+
pod 'CodePush', :path => '../node_modules/react-native-code-push'
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
*NOTE: The above path needs to be relative to your app's `Podfile`, so adjust it as necessary.*
|
|
110
|
+
|
|
111
|
+
*NOTE: `JWT` library should be >= version 3.0.x*
|
|
112
|
+
|
|
113
|
+
2. Run `pod install`
|
|
114
|
+
|
|
115
|
+
*NOTE: The CodePush `.podspec` depends on the `React` pod, and so in order to ensure that it can correctly use the version of React Native that your app is built with, please make sure to define the `React` dependency in your app's `Podfile` as explained [here](https://facebook.github.io/react-native/docs/integration-with-existing-apps.html#podfile).*
|
|
116
|
+
|
|
117
|
+
#### Plugin Installation (iOS - Manual)
|
|
118
|
+
|
|
119
|
+
1. Open your app's Xcode project
|
|
120
|
+
|
|
121
|
+
2. Find the `CodePush.xcodeproj` file within the `node_modules/react-native-code-push/ios` directory (or `node_modules/react-native-code-push` for <=`1.7.3-beta` installations) and drag it into the `Libraries` node in Xcode
|
|
122
|
+
|
|
123
|
+

|
|
124
|
+
|
|
125
|
+
3. Select the project node in Xcode and select the "Build Phases" tab of your project configuration.
|
|
126
|
+
|
|
127
|
+
4. Drag `libCodePush.a` from `Libraries/CodePush.xcodeproj/Products` into the "Link Binary With Libraries" section of your project's "Build Phases" configuration.
|
|
128
|
+
|
|
129
|
+

|
|
130
|
+
|
|
131
|
+
5. Click the plus sign underneath the "Link Binary With Libraries" list and select the `libz.tbd` library underneath the `iOS 9.1` node.
|
|
132
|
+
|
|
133
|
+

|
|
134
|
+
|
|
135
|
+
*Note: Alternatively, if you prefer, you can add the `-lz` flag to the `Other Linker Flags` field in the `Linking` section of the `Build Settings`.*
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
### Plugin Configuration for React Native lower than 0.60 (iOS)
|
|
139
|
+
|
|
140
|
+
*NOTE: If you used RNPM or `react-native link` to automatically link the plugin, these steps have already been done for you so you may skip this section.*
|
|
141
|
+
|
|
142
|
+
Once your Xcode project has been setup to build/link the CodePush plugin, you need to configure your app to consult CodePush for the location of your JS bundle, since it is responsible for synchronizing it with updates that are released to the CodePush server. To do this, perform the following steps:
|
|
143
|
+
|
|
144
|
+
1. Open up the `AppDelegate.m` file, and add an import statement for the CodePush headers:
|
|
145
|
+
|
|
146
|
+
```objective-c
|
|
147
|
+
#import <CodePush/CodePush.h>
|
|
148
|
+
```
|
|
149
|
+
|
|
150
|
+
For React Native 0.59 - 0.59.10:
|
|
151
|
+
|
|
152
|
+
2. Find the following line of code, which sets the source URL for bridge for production releases:
|
|
153
|
+
|
|
154
|
+
```objective-c
|
|
155
|
+
return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
3. Replace it with this line:
|
|
159
|
+
|
|
160
|
+
```objective-c
|
|
161
|
+
return [CodePush bundleURL];
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
For React Native 0.58 and below:
|
|
165
|
+
|
|
166
|
+
2. Find the following line of code, which loads your JS Bundle from the app binary for production releases:
|
|
167
|
+
|
|
168
|
+
```objective-c
|
|
169
|
+
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
|
|
170
|
+
```
|
|
171
|
+
|
|
172
|
+
3. Replace it with this line:
|
|
173
|
+
|
|
174
|
+
```objective-c
|
|
175
|
+
jsCodeLocation = [CodePush bundleURL];
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
This change configures your app to always load the most recent version of your app's JS bundle. On the first launch, this will correspond to the file that was compiled with the app. However, after an update has been pushed via CodePush, this will return the location of the most recently installed update.
|
|
179
|
+
|
|
180
|
+
*NOTE: The `bundleURL` method assumes your app's JS bundle is named `main.jsbundle`. If you have configured your app to use a different file name, simply call the `bundleURLForResource:` method (which assumes you're using the `.jsbundle` extension) or `bundleURLForResource:withExtension:` method instead, in order to overwrite that default behavior*
|
|
181
|
+
|
|
182
|
+
Typically, you're only going to want to use CodePush to resolve your JS bundle location within release builds, and therefore, we recommend using the `DEBUG` pre-processor macro to dynamically switch between using the packager server and CodePush, depending on whether you are debugging or not. This will make it much simpler to ensure you get the right behavior you want in production, while still being able to use the Chrome Dev Tools, live reload, etc. at debug-time.
|
|
183
|
+
|
|
184
|
+
For React Native 0.59 - 0.59.10:
|
|
185
|
+
|
|
186
|
+
```objective-c
|
|
187
|
+
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
|
|
188
|
+
{
|
|
189
|
+
#if DEBUG
|
|
190
|
+
return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
|
|
191
|
+
#else
|
|
192
|
+
return [CodePush bundleURL];
|
|
193
|
+
#endif
|
|
194
|
+
}
|
|
195
|
+
```
|
|
196
|
+
|
|
197
|
+
For React Native 0.49 - 0.58:
|
|
198
|
+
|
|
199
|
+
```objective-c
|
|
200
|
+
NSURL *jsCodeLocation;
|
|
201
|
+
|
|
202
|
+
#ifdef DEBUG
|
|
203
|
+
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
|
|
204
|
+
#else
|
|
205
|
+
jsCodeLocation = [CodePush bundleURL];
|
|
206
|
+
#endif
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
For React Native 0.48 and below:
|
|
210
|
+
|
|
211
|
+
```objective-c
|
|
212
|
+
NSURL *jsCodeLocation;
|
|
213
|
+
|
|
214
|
+
#ifdef DEBUG
|
|
215
|
+
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
|
|
216
|
+
#else
|
|
217
|
+
jsCodeLocation = [CodePush bundleURL];
|
|
218
|
+
#endif
|
|
219
|
+
```
|
|
220
|
+
|
|
221
|
+
To let the CodePush runtime know which deployment it should query for updates against, open your app's `Info.plist` file and add a new entry named `CodePushDeploymentKey`, whose value is the key of the deployment you want to configure this app against (like the key for the `Staging` deployment for the `FooBar` app). You can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k` in the AppCenter CLI (the `-k` flag is necessary since keys aren't displayed by default) and copying the value of the `Key` column which corresponds to the deployment you want to use (see below). Note that using the deployment's name (like Staging) will not work. That "friendly name" is intended only for authenticated management usage from the CLI, and not for public consumption within your app.
|
|
222
|
+
|
|
223
|
+

|
|
224
|
+
|
|
225
|
+
In order to effectively make use of the `Staging` and `Production` deployments that were created along with your CodePush app, refer to the [multi-deployment testing](../README.md#multi-deployment-testing) docs below before actually moving your app's usage of CodePush into production.
|
|
55
226
|
|
|
56
227
|
### HTTP exception domains configuration (iOS)
|
|
57
228
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcircle/react-native-code-push",
|
|
3
|
-
"version": "0.0.2-alpha.
|
|
3
|
+
"version": "0.0.2-alpha.3",
|
|
4
4
|
"description": "React Native plugin for the CodePush service",
|
|
5
5
|
"main": "CodePush.js",
|
|
6
6
|
"typings": "typings/react-native-code-push.d.ts",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
]
|
|
84
84
|
},
|
|
85
85
|
"commands": {
|
|
86
|
-
"postlink": "node node_modules
|
|
87
|
-
"postunlink": "node node_modules
|
|
86
|
+
"postlink": "node node_modules/react-native-code-push/scripts/postlink/run",
|
|
87
|
+
"postunlink": "node node_modules/react-native-code-push/scripts/postunlink/run"
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
}
|
package/react-native.config.js
CHANGED
|
@@ -3,8 +3,7 @@ module.exports = {
|
|
|
3
3
|
platforms: {
|
|
4
4
|
android: {
|
|
5
5
|
packageInstance:
|
|
6
|
-
"new CodePush(getResources().getString(R.string.CodePushDeploymentKey), getApplicationContext(), BuildConfig.DEBUG)"
|
|
7
|
-
sourceDir: './android',
|
|
6
|
+
"new CodePush(getResources().getString(R.string.CodePushDeploymentKey), getApplicationContext(), BuildConfig.DEBUG)"
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
9
|
}
|
|
@@ -13,7 +13,7 @@ exports.getJSBundleFileOverride = `
|
|
|
13
13
|
`;
|
|
14
14
|
exports.reactNativeHostInstantiation = "new ReactNativeHost(this) {";
|
|
15
15
|
exports.mainActivityClassDeclaration = "public class MainActivity extends ReactActivity {";
|
|
16
|
-
exports.codePushGradleLink = `\napply from: "../../node_modules
|
|
16
|
+
exports.codePushGradleLink = `\napply from: "../../node_modules/react-native-code-push/android/codepush.gradle"`;
|
|
17
17
|
exports.deploymentKeyName = "CodePushDeploymentKey";
|
|
18
18
|
|
|
19
19
|
exports.getMainApplicationLocation = function () {
|
|
@@ -29,7 +29,7 @@ exports.getStringsResourcesPath = function () {
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
exports.getBuildGradlePath = function () {
|
|
32
|
-
return path.join("android", "build.gradle");
|
|
32
|
+
return path.join("android", "app", "build.gradle");
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
exports.isJsBundleOverridden = function (codeContents) {
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env zx
|
|
2
|
-
|
|
3
|
-
const packageJson = require("../package.json");
|
|
4
|
-
const npmPackageInfo = JSON.parse((await $`npm view ${packageJson.name} --json`).stdout);
|
|
5
|
-
if (npmPackageInfo.versions.includes(packageJson.version)) {
|
|
6
|
-
console.log(`${packageJson.version} version already published!`);
|
|
7
|
-
process.exit(1);
|
|
8
|
-
} else {
|
|
9
|
-
console.log(`${packageJson.version} version is available, not previously published.`);
|
|
10
|
-
process.exit(0);
|
|
11
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushBuilder.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushConstants.java
RENAMED
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInstallMode.java
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushNativeModule.java
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateManager.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateState.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateUtils.java
RENAMED
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/DownloadProgress.java
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactHostHolder.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactInstanceHolder.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/SettingsManager.java
RENAMED
|
File without changes
|
/package/android/{src → app/src}/main/java/com/microsoft/codepush/react/TLSSocketFactory.java
RENAMED
|
File without changes
|