セルフホスティングcapgoでcapacitor updaterを使用する

このチュートリアルで何をカバーしますか？

このチュートリアルでは、セルフホスティングcapgoを使用した開発環境でcapacitor updaterを使用する方法を説明します

要件

1. capgoをクローン

はじめに

セルフホスティングcapgoでcapacitor updaterを使用するには、アプリディレクトリからcapacitor.config.tsを編集し、次のように設定します:

const config: CapacitorConfig = {
  appId: 'com.demo.app',
  appName: 'demoApp',
  webDir: 'dist',
  bundledWebRuntime: false,
  plugins: {
    CapacitorUpdater : {
      statsUrl: "https://localhost:54321/functions/v1/stats",
      channelUrl: "https://localhost:54321/functions/v1/channel_self",
      updateUrl: "https://localhost:54321/functions/v1/updates"
    },
  },
};

これにより、開発環境でローカルcapgoを使用できるようになります。ただし、デフォルトではこれだけでは不十分です。

デフォルトでは、iOSとAndroidの両方でHTTPSの使用が期待されます。Ngrokやlocalcanなどのツールを使用して、APIをhttpsでプロキシする必要があります。

Androidには平文通信を有効にする方法があります。 これはAndroidManifest.xmlを変更し、applicationタグにandroid:usesCleartextTraffic="true"を追加することで実現できます この変更の完全な例はこちらで確認できます

Androidアプリの接続を妨げる問題が発生する可能性もあります。edge functionsに送信されるリクエストが表示されない場合は、以下を実行してください

adb reverse tcp:54321 tcp:54321