Frontendテンプレートのバックアップ(No.1) - 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開発基盤部会」によって運営されています。

戻る

目次 †

概要 †

内容 †

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

ニーズ †

機能的ニーズ †

スマホ向けの小画面で

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

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

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

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

技術的ニーズ †

npm文化圏の慣習を理解、

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

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

詳細 †

Nativeアクセス †

SPA †

なし

Hybrid †

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

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

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

セキュリティ要件 †

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

UserAgent?でOAuth2のTokenを取得するベスト・プラクティス - マイクロソフト系技術情報 Wiki > スマホ
https://techinfoofmicrosofttech.osscons.jp/index.php?UserAgent%E3%81%A7OAuth2%E3%81%AEToken%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E3%83%99%E3%82%B9%E3%83%88%E3%83%BB%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9#m0aacf50

その他 †

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

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

IdMaaS機能 †

認証・決済, etc.

mBaaS機能 †

プッシュ通知, ストレージ提供, etc.

物件 †

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

https://github.com/OpenTouryoProject/FrontendTemplates

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

開発基盤部会 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