4

我正在尝试实施 AppCenter CodePush 来更新 Javascript 代码，而无需通过 App Store 审核流程。

我已经按照此处提到的 iOS 和 Android 步骤来设置多部署环境： https://github.com/microsoft/react-native-code-push/blob/master/docs/multi-deployment-testing-ios。 md https://github.com/microsoft/react-native-code-push/blob/master/docs/multi-deployment-testing-android.md

版本

"react-native": "0.59.10"

"react-native-code-push": "^5.6.1"

我在 Android 上尝试过react-native run-android --variant release，在 iOS 上我将 RUN 和 Archive 方案更改为 STAGING。但在这两种情况下，他们似乎都是这样获取我的包，[CodePush] Loading JS bundle from "assets://index.android.bundle"而不是从 CodePush 存储库中获取。这是我看到的唯一输出（与 CodePush 相关）。

我制作了一个 codePush 版本，如下所示：appcenter codepush release-react -a name/appName-1 -d Staging。此命令成功，我在 iOS 和 Android 暂存环境中看到它具有正确的版本。

组件DidMount

componentDidMount() {
    codePush.notifyApplicationReady();
    ...
    codePush.sync({
      updateDialog: true,
      installMode: codePush.InstallMode.IMMEDIATE
    });
  }

导出应用

App = codePush({
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME
})(App);

AppRegistry.registerComponent("myApp", () => App);

信息列表

CodePushDeploymentKey: $(CODEPUSH_KEY)

android/app/build.gradle

buildTypes {
        debug {
            buildConfigField "String", "CODEPUSH_KEY", '""'
        }

        releaseStaging {
            buildConfigField "String", "CODEPUSH_KEY", '"my_code"'
            matchingFallbacks = ['release']
        }
        release {
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
            signingConfig signingConfigs.release
            buildConfigField "String", "CODEPUSH_KEY", '"my_code"'
        }
    }

我的构建设置包含 codePush Release 和暂存代码。

在此处输入图像描述

我还尝试将 CodePush 暂存版本升级到生产，但这并没有解决我的问题。

appcenter codepush deployment list -a Name/MyApp总是返回 0（1 挂起）。 在此处输入图像描述

UPDATE 它要求更新应用程序，在批准它成功更新应用程序后。但是当我重新启动应用程序时，它会回滚到以前的版本。

更新 2 AppDelgate.m 更改：

#import <CodePush/CodePush.h>

#if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#else
  return [CodePush bundleURL];
#endif

MainApplication.java 更改：

import com.microsoft.codepush.react.CodePush;
@Override
protected String getJSBundleFile() {
  return CodePush.getJSBundleFile();
}

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
    .. 
    new CodePush(BuildConfig.CODEPUSH_KEY, MainApplication.this, BuildConfig.DEBUG),

build.gradle 更改：

buildTypes {
  debug {
    buildConfigField "String", "CODEPUSH_KEY", '""'
  }

  releaseStaging {
    buildConfigField "String", "CODEPUSH_KEY", '"<staging_key>"'
    matchingFallbacks = ['release']
  }

  release {
    ..
    buildConfigField "String", "CODEPUSH_KEY", '"<prod_key>"'
  }
}
4

3 回答 3

5

你在模拟器中测试这个吗？

如果是这样，在 CodePush 的眼中，做一个reload基本上模拟了崩溃。

如果您在模拟器中运行，CodePush 的行为将与在未绑定到打包程序的真实设备上的行为不同。测试它的最佳方法是进行构建并将该构建上传到商店以分发到您的测试池。

然后，您可以通过 Google Play 商店或 iOS 的 testflight 下载并安装您的构建，并在那里测试您的 CodePush 安装。

编辑：

经过聊天，并进行了以下代码更改，我们得到了工作：

首先，创建一个选项对象，并在我们的 codePush 调用中使用它：

const options = { 
  updateDialog: true, 
  installMode: codePush.InstallMode.IMMEDIATE, 
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME 
};

然后我们可以调用codePush同步如下： codePush.sync(options);

最后，我们没有将 codePush 设置分配给App，而是将其全部移至一行：

AppRegistry.registerComponent("myApp", () => 
  codePush(options)(App) 
);

不是 codePush 专家，我不知道是否需要选项部分，尽管我认为在不同点有不同的选项可能会导致不一致。

我确实认为打电话App = codePush(options)(App)引起了问题。

不管怎样，这两件事的结合解决了这个问题。

于 2019-08-07T15:29:07.840 回答
1

我遇到了同样的问题，所以我只是在我的应用登陆页面上写下了 codePush.notifyAppReady()，并确保在检查新更新之前完成它

componentDidMount(): void {
        codePush.notifyAppReady()
        this.checkUpdate();
}

checkUpdate = async () => {
    const updateData: RemotePackage | null = await codePush.checkForUpdate()
    if (updateData && !updateData.failedInstall) {
        //your code
        this.setState({
            isMandatory: updateData.isMandatory,
            whatsNew: updateData.description,
            showAppUpdateDialog: true
        })
    }
}
于 2020-10-27T10:48:01.830 回答
0

就我而言，我是codePush.sync手动使用的。在codepush 的文档中，他们说：

通知 CodePush 运行时新安装的更新应该被认为是成功的，因此不需要自动客户端回滚。必须在更新包的代码中的某处调用此函数。否则，当应用程序下次重新启动时，CodePush 运行时将假定安装的更新失败并回滚到以前的版本。存在此行为是为了帮助确保您的最终用户不会被损坏的更新阻止。

他们建议notifyAppReady在成功更新后使用。但是，我找不到合适的地方来使用 react-navigation 调用它。相反，在导航组件的根目录中，创建了这个变量

const codePushOptions = { checkFrequency: codePush.CheckFrequency.MANUAL };

和组件导出为

export default codePush(codePushOptions)(App);
于 2021-11-05T08:05:49.360 回答