capacitorを自宅でホストしているcapgoと一緒に使用する方法

このチュートリアルで扱う内容は?

capacitorのアップデーターをcapgoでホストしている開発環境で使用する方法を紹介します。

必要なもの

1. capgoをクローンしました

スタートガイド

capacitor アップデーターを自宅サーバーで使用するには、capgo を編集してください。 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、および Electron は HTTPS を使用することを期待しているため、Ngrock または localcan を使用して HTTPS で API をプロキシする必要があります。

Android では、テキスト プレーン コミュニケーションを有効にする方法があります。 テキスト プレーン コミュニケーションは、AndroidManifest.xml を変更して追加することで実現できます。AndroidManifest.xml AndroidManifest.xml AndroidManifest.xml android:usesCleartextTraffic="true" in the application タグ Capacitor の完全な例は、この変更がどのように機能するかを確認することができます。 ここ

Android アプリがエッジ関数に接続できない問題が発生する可能性があります。エッジ関数にリクエストが送信されていない場合は、

adb reverse tcp:54321 tcp:54321