---
GA: UA-34467841-15
---

我只是個學生，架個網站不想花錢 - 張彥成
===
<blockquote>
架設網頁應用，真的需要主機嗎？

為了網頁運作的流暢，通常需要後端硬體的幫助。然而對於大多數新接觸的學生而言，主機所需的龐大費用、複雜的資料庫管理。高昂的經濟及時間成本，容易成為勸退新手的主要原因。

在這次的議程中，藉由自身的開發經驗，向聽眾提出一套創新的解決流程。
「GitHub Page」混搭「Google App Script」，激盪出的火花你難以想像。

在未來萌芽的靈感，就這樣實現吧！

## 先備知識
任何人，但具備 Web 相關知識會有更豐富的收穫。
</blockquote>

###### tags: `SITCON 2020 共筆` `SITCON 2020` `2020` `共筆` `R2`

{%hackmd dTfmj-h3QvSA0myqavKbxg %}

> 請從這裡開始

[slide](https://drive.google.com/file/d/1w0oES07EFA9NtFWhBofrtVPl6avien5S/view)

[你短短](http://tyze.me/s/)

- 使用者訪問縮網址，伺服器回傳Response HTTP code 301 or 302 to redirect

- 前端：github pages
- 後端：google app script

Use Javascript to Replace Status code

window.location.herf = {$url} 

- 要怎麼給參數？
- GET query?太長了不要
- HTML hash tag => url.split("#")[1]

---
Q&A 剛時間剩太少，這邊認真回答

Q1: 之前有做過類似概念的系統，但GAS常常會逾時或進冷卻時間，所以request不到資料，想請問是怎麼處理這個問題的？
A1: GAS 會限制每個 Function 的執行時間，如果一個函式執行太久就會直接被切掉了。那這個部分也只能透過切割你要跑的邏輯，因為他只有限制 "每個" 的執行時間（免費帳戶5min、Gsuit 30min），多個的話每個月有上限（但通常撞不到，所以我也沒特地去查。）

冷卻時間的話，測試過後上限大概是3秒一次。

Q2: nodejs or deno?
A2: deno 玩起來還蠻喜歡的，在部分處理 Promise 的程式碼可以寫的更簡潔了～ 不過還沒摸熟所有功能，就不做好壞的評價了

btw, C++ 最棒了 ><

<style>
@keyframes move {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}

@keyframes flipX {
0% {
transform: scaleX(1);
}
25% {
transform: scaleX(0);
}
50% {
transform: scaleX(-1);
}
75% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}

@keyframes flipY {
0% {
transform: scaleY(1);
}
25% {
transform: scaleY(0);
}
50% {
transform: scaleY(-1);
}
75% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}

@keyframes pudon {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
}

@keyframes fade{
100%,0%{
color: rgb(0,0,0);
}
50% {
color: rgb(255,255,255);
}
}

.ui-avatar {
animation: move 1000s infinite;
}

.ui-menu {
animation: move .1s infinite;
}

.ui-help {
animation: flipX 3s infinite;
}

.ui-sharing {
animation: pudon 3s infinite;
}

.announcement-area {
animation: flipY 3s infinite;
}

.navbar-brand > span.hidden-xs {
color: transparent;
}

.navbar-brand > .fa-file-text {
display: none;
}

.navbar-brand > span.hidden-xs:before {
background-image: url(https://sitcon.org/2020/img/logo-dark.54871ec0.svg);
background-repeat: no-repeat;
content: '　　';
background-size: contain;
}

.navbar-brand > span.hidden-xs:after {
content: "我只是個學生，架個網站不想花錢";
color: #4b4645;
margin-left: -4em;
animation: fade 20s linear;
animation-iteration-count: infinite;
}

</style>