iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Software Development

線上娃娃機-js開發篇 系列

可以透過web在線上夾我家的娃娃機

https://clawfun.online 開發中有時候沒有開機

開發環境 react
框架 next.js
前後端api套件 apollo
後端 node.js + typeorm

參賽天數 6 天 | 共 11 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

目錄篇

1.目錄篇/序2.軟體環境介紹3.硬體環境介紹4.後端功能5.前端功能6.next.js 9.x7.apolo machine setup8.apollo cl...

2020-09-11 ‧ 由 polo 分享
DAY 2

線上娃娃機-軟體環境介紹

這次開發線上娃娃機 選擇語言 前後端都是javascript base 前端用的lib為 React+ Next.js 後端為 Nodejs 中間api的部分使...

2020-09-12 ‧ 由 polo 分享
DAY 3

線上娃娃機-硬體環境介紹

線上娃娃機 這次準備的硬體環境如下 一台nginx (i3主機,主要是分配nginx對應作業,所以不用太強) 另外一台放 stream 拉推流的電腦(i5主機)...

2020-09-13 ‧ 由 polo 分享
DAY 4

線上娃娃機-後端功能

server part 功能包括 typeorm 的 orm entity 規劃資料表與orm使用 https://typeorm.io/#/ apolloSe...

2020-09-14 ‧ 由 polo 分享
DAY 5

線上娃娃機-前端功能介紹

這次第一版方便快速開發選擇了 Material-Ui 套件來當作佈景主題開發 Next.js 為主軸框架 支援SSR https://material-ui.c...

2020-09-15 ‧ 由 polo 分享
DAY 6

Next.js 9.x

一直持續發布新版功能的next 不知不覺已經到9.x版了這邊來介紹一下他新版個人常用的一些功能 1.typescript 環境自動生成的功能之前的版本 要自己...

2020-09-16 ‧ 由 polo 分享
DAY 6

線上娃娃機-server machine setup

恩昨天忘記發文 今年又GG了不過還是把它寫完好了 import { ApolloServer } from 'apollo-server-express' 這...

2020-09-18 ‧ 由 polo 分享
DAY 6

線上娃娃機- apollo client init

原本 SSR環境就已經比較複雜了 現在要再加上上傳檔案middleware跟subscriptions的部分 有點小複雜 以下說明一下 如何組合 可以用的 ap...

2020-09-19 ‧ 由 polo 分享
DAY 6

typeorm 與 娃娃機資料庫規劃

使用 typeorm 要先定義entry 以下為主要的欄位規劃有分一對一 一對多 多對一 三種常用的 會員資料表 這邊有一對一的像 fb goolge 另外...

2020-09-22 ‧ 由 polo 分享
DAY 6

線上娃娃機-App 設定篇

javascript寫App首選 就是 ReactNative 使用下面cmd 創建一個 react-native typescript 版本 npx rea...

2020-09-25 ‧ 由 polo 分享