Skip to content

Be3751/go_vue_todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

go_vue_todo

Gin, Vue.js, MySQLによるToDoアプリ
Web APIを介してマイクロサービス間を疎結合に連携させ、セッションを用いた認証機能やXSS・CSRF対策を実装

  • XSS対策:Set-CookieヘッダにHttpOnly属性を付与し、JavaScriptからのクッキーへのアクセスを禁止
  • CSRF対策:Set-CookieヘッダにSameSite属性のStrictを付与し、異なるドメインにあるホストとのクッキーの送受信を禁止

使用技術

Docker環境上で以下3つに対応したコンテナを用意し、docker-composeでスタック

  • フロントエンド:Vuetify(Vue.js)
  • バックエンド:Gin(Go)
  • データベース:MySQL

デザイン

・タスク一覧画面 Screen Shot 2022-04-03 at 20 47 32

・タスク作成画面 Screen Shot 2022-04-03 at 20 47 45

使用方法

起動: docker-compose up -d --build
停止: docker-compose down