iOSアプリでCordovaでWebスクリーンレットを使用する

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

iOSアプリでCordovaでWebスクリーンレットを使用する

Web Screenletで Cordovaプラグインを使用することにより、ScreenletがレンダリングするWebページの機能を拡張できます。これにより、アプリのニーズに合わせてそのページを調整できます。 Cordovaをインストールすることから始めます。

Cordovaの自動インストールと構成

次の手順に従って、Cordovaを使用するように構成された空のAndroidプロジェクトを自動的に作成します。あなたが持っている必要があることに注意 gitの、のNode.jsとNPM、および CocoaPods インストールされています。

screens-cliをインストールします：
```
npm install -g screens-cli
```
プロジェクトを作成するフォルダーにファイル .plugins.screens を作成します。このファイルに、アプリで使用するすべてのCordovaプラグインを追加します。たとえば、CordovaまたはGitHubからプラグインを追加できます。
```
https://github.com/apache/cordova-plugin-wkwebview-engine.git
cordova-plugin-call-number
cordova-plugin-camera
```
WKWebView EngineプラグインはiOSでは必須です。
.plugins.screens ファイルを含むフォルダーで、 screens-cli を実行してプロジェクトを作成します。
```
screens-cli ios <project-name>
```
これにより、フォルダー platforms / ios /<project-name>プロジェクトが作成されます。
platforms / ios /<project-name>次を実行します。
```
pod install
```
Xcodeで <project-name>.xcworkspace ファイルを開きます。

Cordovaの手動インストールと構成

Cordovaをインストールおよび構成するには、次の手順に従います。

フォローコルドバは、スタートガイドコルドバプロジェクトを作成し、コルドバをインストールすると、お使いのコルドバプロジェクトへのiOSプラットフォームを追加します。
Cordova WKWebView エンジンをインストールします。
```
cordova plugin add cordova-plugin-wkwebview-engine
```
アプリで使用する他のCordovaプラグインをインストールします。 cordova plugin を使用して、現在インストールされているプラグインを表示できます。
次のファイルとフォルダーをCordovaプロジェクトからiOSプロジェクトのルートフォルダーにコピーします。
- platforms/ios/<your-cordova-project>/config.xml
- platforms/ios/<your-cordova-project>/Plugins
- platforms/ios/www
iOSプロジェクトのルートフォルダーにコピーした config.xml ファイルで、 <access origin="*" />下に <allow-navigationhref="*" /> 追加します。

Web ScreenletでCordovaを使用する

iOSプロジェクトにCordovaをインストールして構成したので、Web ScreenletでCordovaを使用する準備ができました。次の手順に従ってください。

アプリにWebスクリーンレットを挿入して設定します。
WebScreenletConfigurationBuilder オブジェクトを介してWeb Screenletのパラメーターを設定する場合、 enableCordova（） メソッドを呼び出します。たとえば、次のコードは addJs を介してローカルJavaScriptファイルを追加し、構成とスクリーンレットを読み込む前に enableCordova（） 呼び出します。
```
let configuration = WebScreenletConfigurationBuilder(url: "url")
    .addJs(localFile: "call")
    .enableCordova()
    .load()

webScreenlet?.configuration = configuration
webScreenlet?.load();
```

それでおしまい\！ただし、実行内容によっては、JavaScriptファイルからCordovaを呼び出す必要がある場合もあります。たとえば、を使用してCordovaプラグイン cordova-plugin-call-number を呼び出して番号を呼び出すには、次のコードでJavaScriptファイルを追加する必要があります。

function callNumber() {
    //This line triggers the Cordova plugin and makes a call
    window.plugins.CallNumber.callNumber(null, function(){ alert("Calling failed.") }, "900000000", true);
}

setTimeout(callNumber, 3000);

このコードを含むアプリを実行して3秒待機すると、プラグインがアクティブになり、JavaScriptファイルの番号を呼び出します。

すばらしいです\！これで、CordovaでWeb Screenletを使用する方法がわかりました。

ヘルプセンター

製品

リソース

セキュリティ

サポート

ドキュメンテーション

iOSアプリでCordovaでWebスクリーンレットを使用する

iOSアプリでCordovaでWebスクリーンレットを使用する

Cordovaの自動インストールと構成

Cordovaの手動インストールと構成

Web ScreenletでCordovaを使用する

関連トピック