Cordovaテンプレートのバックアップ(No.10)

ログイン前
- ログイン画面
  - 要求がログイン画面にリダイレクトされた際、UserAgentを判別、
  - Cordovaの場合、ログイン画面で当該URLでブラウザを開き直せるようなリンクを表示する（この際、QueryString?にflagを追加）。
  - このリンクで、ブラウザ選択して開き、ログイン画面を再表示する。
- 認可エンドポイント
  - ログイン完了後、認可エンドポイントで、QueryString?のflag情報をClaimに格納する。
  - 認可エンドポイントを通過して、redirectエンドポイントに遷移する。

ログイン後
- redirectエンドポイント（response_type=code）
  - サーバー側でcodeをaccess_tokenに変換、access_token中のflagを確認。
  - flagがあって、現在のUserAgent?がブラウザの場合、
    Redirectでブラウザからネイティブ（ハイブリッド）に戻る
- redirectエンドポイント（response_type=token）
  - クライアント側でaccess_token中のflagを確認。
  - flagがあって、現在のUserAgent?がブラウザの場合、
    JavaScript?でブラウザからネイティブ（ハイブリッド）に戻る

↑

サポート †

↑

標準的？プラグインの検証 †

既定で有効
- cordova-plugin-whitelist

How to
- cordova-plugin-inappbrowser
- cordova-plugin-customurlscheme

↑

参考 †

↑

osscons.jp †

↑

マイクロソフト系技術情報 Wiki †

Visual Studio＋Apache Cordova
https://techinfoofmicrosofttech.osscons.jp/index.php?Visual%20Studio%EF%BC%8BApache%20Cordova

↑

.NET 開発基盤部会 Wiki †

mBaaS
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?mBaaS

認証基盤
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E8%AA%8D%E8%A8%BC%E5%9F%BA%E7%9B%A4

外部サービス連携

オンライン決済サービス
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E6%B1%BA%E6%B8%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9

プッシュ通知
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5%E9%80%9A%E7%9F%A5

位置情報（GPS）
https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E4%BD%8D%E7%BD%AE%E6%83%85%E5%A0%B1%EF%BC%88GPS%EF%BC%89

↑

How to †

↑

cordovaでuseragentを書き換える。 †

config.xmlに設定ができる模様。
- OverrideUserAgent?
- AppendUserAgent?

内部で開く必要がある。
実機の際は、以下のサイトを活用できる。
- アクセス情報一覧表示（IP，UserAgent?，ブラウザ情報等） - PC雑記帳
  https://zakkiweb.net/tools/accessinfo/

↑

リンクをブラウザで開く †

cordova-plugin-inappbrowserというプラグインが利用できそう。

既定では、
- httpが無いと内部で開く
- httpが有ると外部ブラウザで開く

cordova-plugin-inappbrowserを利用すれば、
- ↓とすれば、httpがあっても内部で開く。
```
window.open ('https://google.com ', '_self ');
```
  - Content-Security-Policyでハマる。
  - なお、以下のanchorタグでは内部で開かなかった。
```
<a href="http://www.google.com/" target="_self">LINK</a>
```

参考
- PhoneGap? リンクをブラウザで開く - Qiita
  https://qiita.com/tsunet111/items/38c8beed858aaf165ce9
- android - Open url in webview - phonegap - Stack Overflow
  https://stackoverflow.com/questions/35090218/open-url-in-webview-phonegap/35147069
- PhoneGap?/Cordovaでの外部サイトリンク　内部表示/アプリ内ブラウザ/標準のブラウザ - Qiita
  https://qiita.com/tsunet111/items/272f3e052c332ddf9b9d

↑

ブラウザからネイティブ（ハイブリッド）に遷移 †

cordova-plugin-customurlschemeというプラグインが利用できそう。

ブラウザからネイティブ（ハイブリッド）に遷移
- Custom URL Schemeでブラウザからネイティブ（ハイブリッド）に戻れる。
- 以下のParameterをブラウザからネイティブ（ハイブリッド）に受け渡す。
  - Token
  - ReturnUrl?

参考
- cordova-plugin-customurlscheme
  - Cordova tips - Custom URL scheme に対応させよう | phiary
    http://phiary.me/cordova-tips-custom-url-scheme/
```
cordova plugin add cordova-plugin-customurlscheme --variable URL_SCHEME=hoge --save
```

EddyVerbruggen?/Custom-URL-scheme:
- Launch your Cordova/PhoneGap? app by a Custom URL scheme like mycoolapp://
  https://github.com/EddyVerbruggen/Custom-URL-scheme
```
<gap:plugin name="cordova-plugin-customurlscheme" source="npm">
  <param name="URL_SCHEME" value="XXXX" />
</gap:plugin>
```
- Plugin won't install via Visual Studio · Issue #215
  https://github.com/EddyVerbruggen/Custom-URL-scheme/issues/215
```
<vs:plugin name="cordova-plugin-customurlscheme">
  <param name="URL_SCHEME" value="XXXX" />
</vs:plugin>
```

Cordovaテンプレート のバックアップ(No.10)

目次 †

概要 †

内容 †

ニーズ †

機能 †

ホワイトリスト †

ネイティブアクセス（プラグイン） †

プッシュ通知 †

地理位置情報 †

認証 †

OAuth2.0、OpenID Connect †

ブラウザ選択 †

サポート †

デプロイ、ストア登録手順の整備 †

Android †

iOS †

標準的？プラグインの検証 †

参考 †

osscons.jp †

マイクロソフト系技術情報 Wiki †

.NET 開発基盤部会 Wiki †

How to †

cordovaでuseragentを書き換える。 †

リンクをブラウザで開く †

ブラウザからネイティブ（ハイブリッド）に遷移 †

Cordovaテンプレートのバックアップ(No.10)