在Netlify部署React的Browser Router,不要出現#井字Hash的方式,其他單頁式網頁也適用

Netlify是一個部署前端網頁的好選擇,光是免費方案就有100GB可以使用,一個帳號可以部署多個網站,在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上,讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。

在Windows使用IIS、Apache、Nginx申請免費SSL/TLS憑證,自動從Let’s Encrypt更新

本文將教學如何在Windows上申請Let’s Encrypt的SSL/TLS憑證,讓網站擁有HTTPS連線的機制。有時候為了讓各種後端語言同時存在,會在Windows上先安裝Apache或Nginx網頁伺服器,再反向代理到伺服器上的PHP、ASP、Java、NodeJS、Django等AP Server。因此在Windows上使用IIS(Internet Information Server)、Apache、Nginx申請憑證的方法都包含在文章內,一起讓瀏覽器網址列上面顯示有鎖頭的HTTPS吧。

一個腳本快速使用Parcel建立React、Router、Redux、Bootstrap立刻進行前端網頁開發

想要快速建立一個React專案時,可以使用npx create-react-app這個工具來快速建立,還可以決定template,但是想要使用Parcel的話可能有點麻煩,因此我寫了一個腳本可以快速建立所需的資料夾與檔案。使用NPM、Visual Studio Code與本篇文章內的初始化腳本即可快速開始進行開發囉。

前端網頁開發須知,NPM、Parcel、React、Router、Redux、Axios、Bootstrap與其他工具簡介

前端網頁開發通常包含HTML、CSS、JavaScript,可是單靠三者從頭打造一個現代網頁就是重複發明輪子,自己發明的輪子還可能跟別人車子不合用,因此有許多套件可以減輕開發工作,最後還需要一個打包工具將套件與網頁打包起來,成為可以放上伺服器的產品,本文以React為例依序介紹一些常用的工具,希望在實際開始學習之前先通過本篇簡介進行初步的理解,那麼實際開始學習時就能更加快速進入狀況。

Java工程師的Swift學習筆記-上篇

Swift將許多功能直接加入語言本身,成為語言的一部分,像是Optional直接用問號就可以宣告,List、Map直接用中括號設值、取值,方便度也是更上一層樓。本篇文章提供給熟悉Java語言的人,以Java語言的角度來介紹Swift語言,為已經有程式語言基礎的人提供更快速了解Swift的介紹。