Frontendテンプレートのバックアップ(No.5) - Open 棟梁 Wiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
Frontendテンプレートへ行く。
- 1 (2019-06-17 (月) 14:04:57)
- 2 (2019-06-17 (月) 15:49:18)
- 3 (2019-06-18 (火) 09:28:58)
- 4 (2019-09-06 (金) 09:47:59)
- 5 (2019-09-09 (月) 13:26:06)
- 6 (2019-09-10 (火) 16:15:47)
- 7 (2020-02-25 (火) 16:19:56)
- 8 (2021-03-24 (水) 11:25:13)
- 9 (2021-05-11 (火) 11:42:26)
- 10 (2021-05-19 (水) 15:47:31)

「Open棟梁 wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る

目次 †

概要 †

汎用モバイルバックエンドのフロントエンド実装。
OAuth2 / OIDCアーキテクチャのPublic Clientのテンプレート

内容 †

フロントエンド系のテンプレート

ニーズ †

機能的ニーズ †

スマホ向けの小画面で

優れたUXが求められている。

WebAPI経由で、
- SoRの一部機能を提供する。
- または、Native情報を提供する。

その際、認証が重要になる。

一部、ネイティブ機能が利用できる。

技術的ニーズ †

npm文化圏の慣習を理解、

フロントエンド・アプリ
- ...の Nativeアクセス
- ...との OpenID認証連携

生産性向上
適合するスタックのテンプレートがあれば、
開発の参考にして生産性を上げることも可能。

機能 †

Nativeアクセス †

SPA †

なし

Hybrid †

以下のアクセス権がある。

プラグインでサポートされた範囲のアクセス権
若しくはサンドボックス環境でのアクセス権

Native †

インストール時の要求が許可された範囲のアクセス権がある。

機能 †

プッシュ通知
プッシュ通知サービスと連携

地理位置情報
GPSサービスと連携

CodePush?
- 審査不要のコード更新機能。
- CordovaとReact Nativeをサポートしているらしい。

OpenID認証連携 †

フロントエンドの認証のニーズは高いと思われる。

OpenIDは流行っている
- Okta、Auth0
- AzureAD、Firebase

VS tools for Cordovaのpluginのトップも、ADALになっている。

また、以下のような、Webページも存在するので、
- Androidアプリ → ブラウザ起動 → WEBサイトでサインイン処理
  → URLスキームでアプリを再起動、そして指定したActivityに戻ってくる方法 - Qiita
  https://qiita.com/f-aoyama/items/07ecbefa54eefd62406d

UXの統一 †

すべての認証を汎用認証サイト経由で行う。

アプリ
- Webアプリ
- スマホ・Native or Hybrid

プロトコル
- OAuth2.0
- OpenID Connect
- Financial API (FAPI)

プロトコル・フロー
- ~~Implicit Flow~~
- ~~Hybrid Flow~~
- OAuth PKCE
- OAuth PKCE + Fragment

セキュリティ要件 †

標準的なセキュリティ要件を満たす。

UserAgentでOAuth2のTokenを取得するベスト・プラクティス - マイクロソフト系技術情報 Wiki > スマホ
- AppAuth?
- OAuth 2.0 for Native Apps
- OAuth 2.0 for Browser-Based Apps

Tokenの保管方法
- Web Storage: セッショントークンのマシな手段
  cookieとセキュリティ面を比較してみる | インフラ・ミドルウェア | POSTD
  http://postd.cc/web-storage-the-lesser-evil-for-session-tokens/

様々なバックエンドと連携 †

Frontendホスト †

MPAやSPAをホストするバックエンド
認証におけるConfidentialクライアント

IdMaaS機能 †

認証・決済, etc.
汎用認証サイトと通信

mBaaS機能 †

プッシュ通知, ストレージ提供, etc.
Resource Serverテンプレートと通信

物件 †

v02-30でリポジトリを新設しました。

FrontendTemplates · GitHub(repository)
https://github.com/OpenTouryoProject/FrontendTemplates
各種フロントエンド用のテンプレートです。このテンプレートを使用してフロントエンド開発プロジェクトを迅速に立ち上げることができます。
(These are templates for various front ends. You can use this template to quickly launch front-end development projects.)

Node.js系 †

SPAテンプレート †

Hybridテンプレート †

Nativeテンプレート †

レガシー †

UWP †

https://github.com/OpenTouryoProject/FrontendTemplates/tree/master/Native/UWP_sample

ASP.NET MVC SPA †

https://github.com/OpenTouryoProject/FrontendTemplates/tree/master/SPA/Legacy/SPA_Sample

Knockout.js
https://github.com/OpenTouryoProject/FrontendTemplates/tree/master/SPA/Legacy/SPA_Sample/SPA_Sample/Views/Crud1

AngularJS
https://github.com/OpenTouryoProject/FrontendTemplates/tree/master/SPA/Legacy/SPA_Sample/SPA_Sample/Views/Crud2

参考 †

OSSコンソーシアム †

新設されたFrontendTemplate?リポジトリの紹介
https://www.osscons.jp/joex3y5gs-537/#_537