如何在 Capacitor 應用程序中設置 Cordova 插件變量？

Question

我正在嘗試使用https://docs.wonderpush.com/docs/mobile-push-notifications-ionic上的文檔為 Ionic 設置 Wonderpush 集成

說明說要安裝插件：

ionic cordova plugin add wonderpush-cordova-sdk --variable CLIENT_ID=YOUR_CLIENT_ID --variable CLIENT_SECRET=YOUR_CLIENT_SECRET --variable SENDER_ID=YOUR_SENDER

...但由於我的應用程序是 Capacitor 應用程序，因此我必須安裝插件：

npm install wonderpush-cordova-sdk

以這種方式安裝插件時，我不知道如何設置 CLIENT_ID、CLIENT_SECRET 和 SENDER_ID（此命令沒有“ --variable ”標志），並且在運行應用程序時出現運行時錯誤我的設備說這些變量丟失了。 你知道我如何填充這些值嗎？ 提前致謝！

Answer 1

我能夠找到放置這些變量的位置。 在capacitor.config.json ，我對"cordova": {}元素進行了以下更改。

"cordova": {
    "preferences": {
      "WONDERPUSH_CLIENT_ID": "<YOUR-CLIENT-ID>",
      "WONDERPUSH_CLIENT_SECRET": "<YOUR-CLIENT-SECRET>",
      "WONDERPUSH_LOGGING": true,
      "WONDERPUSH_AUTO_INIT": true,
      "WONDERPUSH_REQUIRES_USER_CONSENT": false
    }
  }

然后，我運行ionic cap sync ，從 IDE 啟動應用程序，成功！

Answer 2

安裝插件時，電容器應用程序不支持變量。 這是因為 Capacitor 應用程序更面向本機，並且不像 Cordova 那樣通過命令行提供配置掛鈎。

要使用插件添加變量，您需要手動更新 AndroidManifest.xml for Android 和 Info.plist for iOS 。 您可以在此處獲得有關它的更多詳細信息https://www.joshmorony.com/using-cordova-plugins-that-require-install-variables-with-capacitor/

示例： <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>

雖然這些配置設置在 Ionic 插件的當前文檔中缺失，但是對於流行的插件，您可以檢查它們的原生版本文檔並相應地更新平台文件。

Wondershare Android 配置：查找“指定配置選項的替代方法”，部分

https://docs.wonderpush.com/docs/android-sdk#alternate-ways-of-specifying-configuration-options

Answer 3

您可以使用Ionic 的 Trapeze 工具自動更新適用於 Android 的 AndroidManifest.xml 和適用於 iOS 的 Info.plist。