「[[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] ***Android [#mdfb18ab] ***iOS [#l7d7c79c] *参考 [#d342b880] **osscons.jp [#u3e64709] ***.NET 開発基盤部会 Wiki [#d1d53d6e] -スマホ~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%82%B9%E3%83%9E%E3%83%9B --ハイブリッドアプリ~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?%E3%83%8F%E3%82%A4%E3%83%96%E3%83%AA%E3%83%83%E3%83%89%E3%82%A2%E3%83%97%E3%83%AA ---Cordova (PhoneGap)~ https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?Cordova%20%28PhoneGap%29 -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 ***マイクロソフト系技術情報 Wiki [#k10ada62] -Visual Studio+Apache Cordova~ https://techinfoofmicrosofttech.osscons.jp/index.php?Visual%20Studio%EF%BC%8BApache%20Cordova **How to [#j607d396] ***cordovaでuseragentを書き換える。 [#l5954d08] config.xmlに設定ができる模様。 -OverrideUserAgent -AppendUserAgent ***リンクをブラウザで開く [#k90aabe3] -cordova-plugin-inappbrowser -参考 --PhoneGap リンクをブラウザで開く - Qiita~ https://qiita.com/tsunet111/items/38c8beed858aaf165ce9 ***ブラウザからネイティブ(ハイブリッド)に遷移 [#x3de6a6c] -cordova-plugin-customurlschemeというプラグインが利用できそう。 -ブラウザからネイティブ(ハイブリッド)に遷移 --Custom URL Schemeでブラウザからネイティブ(ハイブリッド)に戻れる。 --以下のParameterをブラウザからネイティブ(ハイブリッド)に受け渡す。 ---Token ---ReturnUrl -参考 --cordova-plugin-customurlscheme cordova plugin add cordova-plugin-customurlscheme --variable URL_SCHEME=hoge --save ---Cordova tips - Custom URL scheme に対応させよう | phiary~ http://phiary.me/cordova-tips-custom-url-scheme/ --EddyVerbruggen/Custom-URL-scheme: ---Launch your Cordova/PhoneGap app by a Custom URL scheme like mycoolapp://~ https://github.com/EddyVerbruggen/Custom-URL-scheme ---Plugin won't install via Visual Studio · Issue #215~ https://github.com/EddyVerbruggen/Custom-URL-scheme/issues/215