「[[Open棟梁 wiki>https://opentouryo.osscons.jp]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。

-[[戻る>機能一覧]]

*目次 [#de0c19a8]
#contents

*概要 [#qb3b638f]
v02-20でリリース予定。

**内容 [#c65fb68b]
-Apache Cordovaのテンプレート
-通常のWebアプリケーションやSPAアプリケーションをホストする。

**ニーズ [#g591527d]
-フロントエンドとして、優れたUXを提供するハイブリットアプリが求められている。
-既存のWebアプリにスマホ・ネイティブ機能をプラグインさせたい。
-そんな、ハイブリットアプリを迅速に開発可能にするCordovaテンプレート
-mBaaS機能（認証・決済・ストレージ, プッシュ通知, etc.）と連携して素早いmobileアプリケーション開発が可能。

*機能 [#n924e654]
**ホワイトリスト [#q1dfdf6a]
Cordovaの機能にある。

**ネイティブアクセス（プラグイン） [#jb210b87]
Cordovaの機能にある。

***プッシュ通知 [#j1b9f032]
-phonegap-plugin-push
-プッシュ通知サービスと連携

***地理位置情報 [#xbad2a0d]
-cordova-plugin-geolocation
-GPSサービスと連携

**認証 [#r9eeaedc]

***OAuth2.0、OpenID Connect [#rf255654]
[[汎用認証サイト>汎用認証サイト（Multi-purpose Authentication Site）]]と連携して、OAuth2.0、OpenID Connectでサインイン。

***ブラウザ選択 [#w31f786d]
-パスワード・マネージャーに依存していることが多いので、認証時にブラウザ選択可能にする。
-この機能は、ほぼサーバー側に実装が必要になるので、SPAサンプルにこの実装を追加する。

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

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

*サポート [#e90956c0]

**デプロイ、ストア登録手順の整備 [#f4c883a9]

***Android [#t895ac39]

***iOS [#f679addd]

**標準的？プラグインの検証 [#v74e9f3b]

-既定で有効
--cordova-plugin-whitelist

-[[How to>#j607d396]]
--cordova-plugin-inappbrowser
--cordova-plugin-customurlscheme

*参考 [#d342b880]
**osscons.jp [#u3e64709]
***マイクロソフト系技術情報 Wiki [#k10ada62]
-Visual Studio＋Apache Cordova~
https://techinfoofmicrosofttech.osscons.jp/index.php?Visual%20Studio%EF%BC%8BApache%20Cordova

***.NET 開発基盤部会 Wiki [#d1d53d6e]
-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 [#j607d396]
***cordovaでuseragentを書き換える。 [#l5954d08]
-config.xmlに設定ができる模様。
--OverrideUserAgent
--AppendUserAgent

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

***リンクをブラウザで開く [#k90aabe3]
cordova-plugin-inappbrowserというプラグインが利用できそう。

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

-cordova-plugin-inappbrowserを利用すれば、
--↓とすれば、httpがあっても内部で開く。
 window.open ('https://google.com ', '_self ');
---[[Content-Security-Policy>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?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

***ブラウザからネイティブ（ハイブリッド）に遷移 [#x3de6a6c]
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>
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS