iT邦幫忙

2021 iThome 鐵人賽

DAY 1
1
永豐金融APIs

釋放你的潛能用技能交易吧!系列 第 1

[Day01] 序章- 參賽主題說明及未來挑戰技術探討

初衷

每個人都有不同的潛能或是天賦
也就是上帝為了你關上一道窗必定會為了你開啟另一道窗口
在這次比賽中
我希望透過我網頁工程師的技術打造一個大家可以自由交換天賦的交流平台
我相信就算是小小的天賦在其他需要的人眼中你也是獨一無二的老師
我相信人與人之間的交流可以透過專長的展現把每個人聯繫在一起/images/emoticon/emoticon42.gif
把個人的能力像是英雄一樣展現出來!!每個人都是世界上獨一無二的存在
最近很喜歡的一句話
Stay on your game and keep going for your dreams because the world really needs that special gift that only you have.

目的

講白了鐵人賽我就是希望來練功的
自己也看看許多大神或是參與大大小小的課程進步
以下有些項目是希望我在完成30天或是寫完這個專案後有所突破性的成長,使自己變得更厲害!!

  1. 金融API串接(從來沒有使用過金融相關服務api) : 感謝永豐大大給我們這些IT人機會展現自己的長才(笑)
  2. 前後端技術加強 : 期許自己網頁的功力大增
  3. 與各路好手交流分享心得: 希望可以在分享過程中與各路好手交換意見
  4. 累積自己的實戰經驗: IT人在轉職或是自我介紹不外乎就是要炫耀自己戰績,當然得獎越多越好挖!

技術

在永豐交易api中可使用C#、JAVA、PHP三種
我會以PHP來完成這項專案
希望透過Laravel 這個最熱們的網頁框架
把我這次的專案建置完成

技術列表(可能因為一時興起增加一些東西!? 有興趣可以回到本篇觀看):

  1. 網頁框架: laravel
  2. UI framework: bootstrap5(大眾牌的框架) 也有可能一時興起使用tailwind
  3. CI/CD : 這部分不一定會加入,但是git版控會分享如果有餘力會教大家做docker教學跟自動部屬

功能

在本次專案中我提到許多目的
為了讓大家好理解我想做的事情
會把以下功能列出來
與功能相同可能會更新或是新增

  1. 個人管控後台(管理個人基本資料)
  2. 天賦樹系統(掌管個人技能或是天賦的介面)
  3. 交易系統(透過永豐api換取個人技能token來與大眾交易)
  4. 評分系統(給予不同的勇者英雄評分高評分者換取的token則越多)

目錄

part1 序章以及文件閱讀實作部分

  1. [Day01] 序章- 參賽主題說明及未來挑戰技術探討
  2. [Day02] 第二章- 初探金流API文件-1
  3. [Day03] 第三章- 初探金流API文件-2 (hashid透過nodejs實作)
  4. [Day04] 第四章- 初探金流API文件-3 (sign透過nodejs實作)
  5. [Day05] 第五章- 初探金流API文件-4(IV,加密msg透過nodejs實作)

part2 Laravel基礎教學部分

  1. [Day06] 第六章- 開發環境安裝(xampp,vscode,composer)
  2. [Day07] 第七章-簡單介紹Laravel的操作及MVC架構
  3. [Day08] 第八章-Laravel的CRUD操作及一些簡單指令
  4. [Day09] 第九章-Laravel 操作心得及資料來源補充

part3 軟體工程分享(User Story分享)

  1. [Day10] 第十章-專案開啟前的User Story (軟體工程分享)

part4 專案開始laravel啟用專案

  1. [Day11] 第十一章-正式動工專案 今天目標是註冊API (使用passport)
  2. [Day12] 第十二章-完成註冊API 修改route,controller,model(使用passport認證)
  3. [Day13] 第十三章-完成登入API (產生jwt token給前端使用)
  4. [Day14] 第十四章-使用JWT token來驗證user跟登出api
  5. [Day15] 第十五章-建立skill的model跟migration
  6. [Day16] 第十六章-Skill的API 服務建構 (migration,route,controller,model)
  7. [Day17] 第十七章-Skill的反向定義關係

part5 前端blade與boostraap的碰撞

  1. [Day18] 第十八章-API資料如何呈現在前端的頁面上(blade跟view呈現)
  2. [Day19] 第十九章-今天來開雙B (blade與bootstrap 安裝手冊)
  3. [Day20] 第二十章 - 修改登入畫面 (使用bootstrap 4.6的範例)

part6 前後端界接API AJAX

  1. [Day21] 第二十一章 - 使用Ajax來做登入API界接
  2. [Day22] 第二十二章 - 使用token驗證使用者並且透過ajax來建立技能

part7 query builder練習

  1. [Day23] 第二十三章 - 學會laravel的query方法來filter資料(Query Builder)
  2. [Day24] 第二十四章 - 建立point評分表 (複習前面的方法還有query builder)

part8 補充畫面

  1. [Day25] 第二十五章-新增空白的point表單 (跨資料查詢還有對應細節)
  2. [Day26] 第二十六章-使用patch送出分數並且修改前端edit.blade.php

part9 補永豐交易API訂單

  1. [Day27] 第二十七章-建立訂單api (nodejs)
  2. [Day28] 第二十八章-查詢訂單api (express)

part10 收尾

  1. [Day29] 第二十九 - 補充技能交換前端以及與Express溝通api
  2. [Day30] 第三十 - 總結技能交換系統(整合Laravel以及Express的Microservices)

下一篇
[Day02] 第二章- 初探金流API文件-1
系列文
釋放你的潛能用技能交易吧!30

尚未有邦友留言

立即登入留言