Capacitor の 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を使用することを想定しています。HTTPSでAPIをプロキシするツールとしてNgrockまたはlocalcanを使用する必要があります。

Androidでは、テキストデータの通信を有効にする方法があります。 テキストデータの通信. これは、AndroidManifest.xmlを変更して と追加することで実現できます。 plaintext通信 android:usesCleartextTraffic="true" Capgo application この変更の完全な例は ここ

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

adb reverse tcp:54321 tcp:54321

Keep going from Using the capacitor updater with self-hosted capgo

Capacitor Using the capacitor updater with self-hosted capgo Capacitor Using @capgo/capacitor-updater Capacitorのネイティブ機能のために@capgo/capacitor-updaterを使用します。 Capgo Enterprise for the product workflow in Capgo Enterprise, Capacitorの製品ワークフローについてはCapacitor Enterprise Ionic Enterprise Pluginの代替品 Capgo Alternatives for the product workflow in Capgo Alternatives, and Capgo Consulting for the product workflow in Capgo Consulting.