iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
Software Development

關於我轉生變成 Go 初學者的這檔事系列 第 28

Day28-[第二十七站 : 用Go語言架設一個網站前端架構 (一)]<GOO~

  • 分享至 

  • xImage
  •  

前言

歡迎來到我們的前端框架,我記得之前有說過 Go 有很多 Web 框架,那我這邊選擇的是 IRIS 的框架,那我們這一站要先處理好框架的部分,話不多說直接出發!!!!

開始前置作業

第一步

首先創建一個新的資料夾然後利用終端機轉移到該資料夾
https://ithelp.ithome.com.tw/upload/images/20231008/20161224G4A6QWfLYa.png

第二步

進入到該資料夾後,要先建立一個 Go 的 mod 檔輸入指令 ==go mod init "你剛剛創建的資料夾名稱"== ,如以下這樣
https://ithelp.ithome.com.tw/upload/images/20231008/20161224CyonhXMDZc.png

建立成功
https://ithelp.ithome.com.tw/upload/images/20231008/20161224Irzv3AaZcj.png

如果還是不確定有沒有該 mod 檔的話,你可以去剛剛創建的資料夾查看
https://ithelp.ithome.com.tw/upload/images/20231008/20161224MjGGb5wvMw.png

第三步

接著在終端機輸入指令 ==go get github.com/kataras/iris/v12@latest== ,這步驟是為了是遠端安裝該 github 的資料以及它所擁有的檔案,你可以發現資料真的是多到爆
https://ithelp.ithome.com.tw/upload/images/20231008/201612243Xw56jA2nm.png

第四步

接著也是在同一個資料夾創建一個 go 的檔案,這個檔案我們主要用來撰寫程式碼
https://ithelp.ithome.com.tw/upload/images/20231008/20161224BQM3LC7xfH.png

開始寫前端

第一步

讓我們開始寫程式吧 !!!!
首先跟往常一下要先 import 我們的 github 進入我們的程式裡面
https://ithelp.ithome.com.tw/upload/images/20231008/201612242fvDtEn261.png

第二步

然後我們就要在 "func" 裡面撰寫我們的前端架構了

https://ithelp.ithome.com.tw/upload/images/20231008/201612249tUoBKpXPB.png

以上的程式碼就是我除了要把之後的程式碼寫在 func 裡面,我們也要把程式碼寫在 ==webp := iris.New()==

第三步

之後我們要設定 Router 我們要設定好 Router 因為每一個網頁分別代表著不同的 Router,然後我們如果開啟前端後要輸入 Router 才能進入該設定好的網頁

https://ithelp.ithome.com.tw/upload/images/20231008/201612242PbIjHWzUe.png

可以看到有一段網址 =="/hello"==,這一段就是該網頁的Router,當我啟動時只要在網頁上輸入這個網址,他就會進入該網頁,那我們就開始著手程式碼的部分吧

啟動伺服器

第一步

當我們程式碼都寫好的時候,就是來到我們開啟發動的時刻了!!
首先我們先來到含有 ==irisweb.go== 、==go.mod==、==go.sum== 的資料夾

https://ithelp.ithome.com.tw/upload/images/20231008/20161224I5C3CT56BY.png

第二步

確認該資料夾有以上三個檔案後就輸入指令 ==go run irisweb.go==,然後就可以發動伺服器
https://ithelp.ithome.com.tw/upload/images/20231008/20161224Ip9z2oebWa.png

這樣就代表啟動成功

第三步

緊接著只要在新的網頁中輸入網址 ==http://localhost:8080== 就會...
https://ithelp.ithome.com.tw/upload/images/20231008/201612241G91XR3g24.png

沒錯,雖然顯示出一片漆黑,但是可以進入到這個畫面就代表你已經成功連結了,會一片漆黑這是因為你還沒有寫你程式碼的內容還有你也沒輸入特定的 Router

結語&預告

請大家不用擔心,下一站我們會繼續跟大家介紹 IRIS 的 Web

下一站~ 用Go語言架設一個網站前端架構 (二)

資料來源

Golang - Iris Web Framework Tutorial - Getting Started & Basic App
https://www.youtube.com/watch?v=x5OSXX9vitU

详解 Golang Iris 框架的基本使用
https://www.jb51.net/article/200786.htm#_lab2_0_1

Golang Web 框架之Iris
https://juejin.cn/post/7130253482820370469


上一篇
Day27-[第二十六站 : Go 做一個 Discord 的機器人(四)]<GOO~
下一篇
Day29-[第二十八站 : 用Go語言架設一個網站前端架構 (二) ]<GOO~
系列文
關於我轉生變成 Go 初學者的這檔事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言