質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.51%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

解決済

1回答

948閲覧

MonacaでSafari View Controllerを利用したい

nagaoo

総合スコア12

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2019/06/12 05:28

Monacaを利用してiOSアプリを作成しております。
InAppBrowserを利用してシステム標準のWebブラウザー(_system)を利用してGoogleのOAuth2.0を実装しているのですがAppStore申請で却下となりました。却下理由はSafari View Controllerを利用してくださいとのことです。
ちなみにInAppBrowserで開くとGoogleでエラーになってしまいます。

Guideline 4.0 - Design

We noticed that the user is taken to Safari to sign in or register for an account, which provides a poor user experience.

Next Steps

To resolve this issue, please revise your app to enable users to sign in or register for an account in the app.

We recommend implementing the Safari View Controller API to display web content within your app. The Safari View Controller allows the display of a URL and inspection of the certificate from an embedded browser in an app so that customers can verify the webpage URL and SSL certificate to confirm they are entering their sign in credentials into a legitimate page.

という経緯で「cordova-plugin-safariviewcontroller」というプラグインがありましたので
MonacaのCordovaプラグインの管理からインストールしてサンプルソースを
そのままテストしてみましたが動く気配もありません。

cordova-plugin-safariviewcontroller
https://github.com/EddyVerbruggen/cordova-plugin-safariviewcontroller

function openUrl(url, readerMode) { SafariViewController.isAvailable(function (available) { if (available) { SafariViewController.show({ url: url, hidden: false, // default false. You can use this to load cookies etc in the background (see issue #1 for details). animated: false, // default true, note that 'hide' will reuse this preference (the 'Done' button will always animate though) transition: 'curl', // (this only works in iOS 9.1/9.2 and lower) unless animated is false you can choose from: curl, flip, fade, slide (default) enterReaderModeIfAvailable: readerMode, // default false tintColor: "#00ffff", // default is ios blue barColor: "#0000ff", // on iOS 10+ you can change the background color as well controlTintColor: "#ffffff" // on iOS 10+ you can override the default tintColor }, // this success handler will be invoked for the lifecycle events 'opened', 'loaded' and 'closed' function(result) { if (result.event === 'opened') { console.log('opened'); } else if (result.event === 'loaded') { console.log('loaded'); } else if (result.event === 'closed') { console.log('closed'); } }, function(msg) { console.log("KO: " + msg); }) } else { // potentially powered by InAppBrowser because that (currently) clobbers window.open window.open(url, '_blank', 'location=yes'); } }) } function dismissSafari() { SafariViewController.hide() }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

MonacaのCordovaプラグインの管理からインストールした場合、カスタムデバッガー
を作成してテストしなければなりません。
カスタムデバッガーを作成すれば、サンプルコードは動作すると思います。
(こちらでは動作しました)

投稿2019/10/17 10:18

sde

総合スコア13

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nagaoo

2019/10/18 02:45

ご回答ありがとうございました。 いろいろためしてみたのですがmonacaのCordovaバージョンが古かったため動作できなかったようです。 monacaのCordovaプラグインの管理からCordovaバージョンを「CLI Version 9.0.0」に変更することで正常に動作することを確認いたしました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.51%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問