工作雜記隨筆

  • , ,

    使用Charles抓取手機網路使用

    使用Charles抓取手機網路使用資訊 將電腦和手機連上同一個WIFI網路 輸入ifconfig(MAC電腦)取得電腦的內網IP,如下圖可得知內網IP為192.168.1.104 設置Charles上的Proxy settings 設置手機上的WIFI的PROXY 此時即可在電腦上看到手機的網路使用狀況

  • ,

    好用的API測試工具 – POSTMAN

    軟體介紹 官方下載點 : https://www.getpostman.com/ Chrome 擴充功能版 : 下載連結 Postman 是一個可以模擬 HTTP Request 的工具,其中包含常見的 HTTP 的請求方式,例如: GET 、POST、PUT、DELETE,而它的主要功能就是能夠快速的測試你的 API 是否能夠正常的請求資料,並得到正確的請求結果。 使用帳號 使用帳號去同步設定,可以選擇新創一個帳號或者使用google帳號去同步在不同電腦裡的POSTMAN設定 這樣在不同電腦裡面,使用紀錄或者儲存的Collection等都可以被同步。 發送Request教學 在登入帳號後,按下左上方的+New按鈕,會可以看到一個創建Request的畫面 有些API的網址會有變數,這時可以使用https://api.library.com/:entity/並且藉由下面這樣的設定來取代變數entity…

  • ,

    使用VSCode繪製UML文件

    PlantUML介紹 PlantUML是一個VSCode的插件,可以透過直觀的文字描述產生對應 UML 的模型生成工具,官方網站已經提供了詳細的範例以及說明,相關語法其實不用一開始就先死背,需要時至網站查詢即可,上手難度不大,目前提供下列 UML 模型: 循序圖 用例圖 類圖 活動圖 組件圖 狀態圖 對像圖 部署圖 定時圖 安裝方式,. 按下插件ICON 在搜尋名稱打入: PlantUML 按下install 參考資料 用筆記也可以管理專案(二):Markdown Preview Enhanced [TIL]…

  • ,

    好用的Markdown線上共筆工具 – HackMD

    HackMD介紹 HackMD網站位置:https://hackmd.io/recent HackMD 是個跨平台的 Markdown 即時協作筆記,可以在電腦、平板甚至是手機與其他人做筆記! 同時也可以透過 Facebook、Twitter、GitHub、Dropbox 登入。 和StackEdit相比,HackMD增加了上傳圖片的功能,將圖片上傳至imgur,我們可以不用煩惱MD文章的圖片要如何處理,並且它非常適合用來做為大型研討會的線上共筆,Agile Summit及JSDC等大型研討會都是使用這個網站來做為線上共筆平台。 功能介紹 官方功能介紹:功能介紹 線上協作時可以設定不同使用者有不同的讀寫權限: 也支援讓所編輯出的文件以投影片的方式做展示: slide-example 按下右上角的分享裡的簡報模式,便可以以投影片方式展示 語法介紹 這邊有HackMD支援的語法介紹,按下編輯可以看到成果與語法的比較圖 HackMD支援的語法介紹 同樣支援MathJax數學符號功能,UML 圖表,還支援五線譜語法,功能非常強大 更多關於 循序圖 語法…

  • ,

    好用的Markdown線上編輯工具- StackEdit

    StackEdit 網址:https://stackedit.io/ StackEdit是一個可以在線上編輯跟預覽 Markdown 文件的工具。除了基本的 Markdown 與 GitHub Flavored Markdown 格式外,還額外支援 LaTeX 數學表達符號與 UML 圖表支援。登入Google 帳號還能自動跟雲端硬碟同步文件,是一套相當不錯的線上筆記工具! Markdown 語法 一打開StackEdit,會有一個預設的歡迎頁 歡迎頁裡面使用的所有較常被使用到的Markdown語法展示 標準常用的格式如下: 斜體:在兩邊加上 *星號* 或是 _底線_…

  • ,

    ELK介紹

    架構簡介 ELK是三個開源項目的首字母縮寫,這三個項目分別是:Elasticsearch、Logstash和Kibana。 Elasticsearch是一個搜索和分析引擎。 Logstash是服務器端數據處理管道,能夠同時從多個來源採集數據,轉換數據,然後將數據發送到諸如Elasticsearch等存儲庫中。 Kibana則可以讓用戶在Elasticsearch中使用圖形和圖表對數據進行可視化。 ELK安裝 請參考此篇文章,非常的詳細 ELK 教學 – 從無到有安裝 ELK (CentOS/Red Hat) 大致簡述一下: 安裝VirtualBox 安裝Java 安裝Elasticsearch 安裝Beats Config設定 請參考下面這些文章 Config Of Logstash Config…

  • , ,

    Linux 檢查硬碟使用量

    檢查硬碟使用量 – df 輸入df指令 df 後面的mounted on指的是這個空間是掛載在那一個分割區 查詢某個分割區的硬碟使用狀況 df /dev 上面是查詢dev這個分割區的使用狀況 改變顯示的空間單位 預設的 df 輸出會以 KB 為單位顯示磁碟用量,但是現在的硬碟容量都很大,這樣的輸出較不好閱讀。 這時可以加上-h,來用適合閱讀的方式顯示資訊 僅顯示本機磁碟 使用 df -l

  • , ,

    nginx 基礎設定教學

    安裝 nginx 使用以下指令安裝nginx 完成之後就可使用 nginx 若要設定為可以開機自動啟動,則把 nginx 啟動的 bash 檔放到 /etc/init.d/ 設定nginx的設定檔 nginx 的設定檔名為 ngix.conf,設定檔所在的路徑可以透過 nginx -t來獲得 nginx的主要功能 反向代理 伺服器根據用戶端的請求,從其關聯的一組或多組後端伺服器(如Web伺服器)上取得資源,然後再將這些資源返回給用戶端,用戶端只會得知反向代理的IP位址,而不知道在代理伺服器後面的伺服器叢集的存在。

  • , ,

    使用pm2管理伺服器

    pm2的操作 1. 安裝PM2npm install pm2 -g2. 啟動服務pm2 start app.js3. 啟動N個名為SERVICE_NAME的服務的進程pm2 start app.js -i N –name SERVICE_NAME4. 重啟服務npm restart SERVICE_NAME 5. 設定記憶體使用超過多少後自動重啟伺服器pm2 start app.js –max_memory_restart 1024M6.…

  • , ,

    查看某個Linux裡服務的狀態

    程序管理指令ps ps指令可以將某個時間點的程序運作情況擷取下來 僅觀察自己的 bash 相關程序: ps -l 觀察系統所有程序: ps aux 若覺得這個列表太長,可以使用grep來獲取想要知道的服務,例如 [root@study ~]# ps aux | egrep ‘(cron|rsyslog)’ 使用service命令 下面指令可以查詢單個服務的運行狀態 [root@localhost ~]# service sshd status…


17年資歷女工程師,專精於動畫、影像辨識以及即時串流程式開發。經常組織活動,邀請優秀的女性分享她們的技術專長,並在眾多場合分享自己的技術知識,也活躍於非營利組織,辦理活動來支持特殊兒及其家庭。期待用技術改變世界。