2018年3月31日 星期六

Caddy - 方便够用的 HTTPS server 新手教程

Caddy - 方便够用的 HTTPS server 新手教程 - 作业部落

值得參考,有多 host 的範例

docker 啟用 http private registry

https://docs.docker.com/registry/insecure/#deploy-a-plain-http-registry

private registry at 10.241.109.14:5555


/etc/docker/daemon.json  ==> 沒有則新增,加入以下內容(複製貼上時雙引號要重打)

{
  "insecure-registries" : ["10.241.109.14:5555"]
}

systemctl restart docker.service

systemctl status docker.service  ==> 確認正常執行



新增 image 到 private registry:

tag an image:

docker image tag ID 10.241.109.14:5555/IMAGE_NAME[:TAG]

ex:

nginx:1.13.5-alpine => id = 245a6s.....

docker image tag 245a 10.241.109.14:5555/nginx:1.13.5-alpine


docker image push 10.241.109.14:5555/nginx:1.13.5-alpine

ubuntu apt 改成國高

紀錄一下,免得每次都忘記....

參考:請改用國網中心的 apt 鏡像站 (mirror) | 凍仁的筆記

vi /etc/apt/sources.list

%s/us.archive.ubuntu.com/free.nchc.org.tw/g
%s/security.ubuntu.com/free.nchc.org.tw/g

2018年3月19日 星期一

讓 chrome 自動 載入不安全的指令碼 的參數

【密技】教你如何永久解決Google瀏覽器的黑畫面!! @新夢幻之城 哈啦板 - 巴哈姆特

參數:--allow-running-insecure-content


今天將電子看板部署到 firestore hosting 上,因為 firestore hosting 走的是 https ,而看板中時鐘

的部份其來源為 http,所以 chrome 就擋掉它了....

2018年3月16日 星期五

解決 chrome 以 file:// 開啟網頁檔發生 cors 的情形

chrome 64 版以 file:// 開啟網頁檔,javascript 還能存取遠端資源,但升級到 65 版就發生 cors 的問題,找到一篇文章有寫到如何解決。


加入以下參數:

--disable-web-security --user-data-dir=資料夾絕對路徑 --test-type

要達到以無痕、全螢幕、無解鎖的方式以 file:// 開啟,完整指令如下:

/usr/bin/google-chrome --incognito --start-fullscreen file://網頁檔絕對路徑 --password-store=basic --disable-web-security --user-data-dir=資料夾絕對路徑 --test-type

Login and Access Control in Angular

ngPoland 2017 - Manfred Steyer - Login and Access Control in Angular - YouTube

manfredsteyer/angular-oauth2-oidc: Support for OAuth 2 and OpenId Connect (OIDC) in Angular.

2018年3月14日 星期三

[筆記] ubuntu 17.10 下建置簡易電子看板

最近在開發簡易電子看板,OS 是 ubuntu 17.10,有幾個點要解決:
  • 自動登入
  • 登入後自動開啟 chrome 展示電子看板網頁
  • 螢幕不關閉,系統不休眠
  • 定時關機
  • 隱藏滑鼠游標
定時關機利用 crontab 達成(下午5點關機):
sudo -s
crontab -e
0 17 * * * shutdown -h now

在 chrome 的部份,有幾個比較棘手的點:
  • 以無痕模式開啟,避免自動關機時因 chrome 未正常關閉,導致開機啟動 chrome 時出現是否還原網頁的提問
  • 以全螢幕開啟電子看板網頁
  • 超煩人的解鎖問題
直接以無痕模式開啟:
加參數 --incognito

以全螢幕開啟:
加參數 --start-fullscreen url_to_open ==> 可用 F11 離開全螢幕
加參數 --kiosk url_to_open ==> 似乎無法離開全螢幕

解決解鎖提問:
加參數 --password-store=basic
設為 basic 則密碼將以未加密之純文字紀錄,但以電子看板或廣告機的用途來說應該沒關係吧....

開啟 chrome script:
新增 autostart-chrome.sh(檔名自訂)
#!/bin/bash
google-chrome-stable --incognito --password-store=basic --start-fullscreen http://url_to_open

賦予執行權限
chmod +x autostart-chrome.sh

設定自動執行:
Chrome autostart on ubuntu - Ask Ubuntu
17.10 叫初始應用程式(?),新增執行 autostart-chrome.sh 與 unclutter 的項目

============================================================

這一篇也是在講建置電子看板,也有提到自動執行,值得參考:
https://obrienlabs.net/setup-kiosk-ubuntu-chromium/

自動隱藏滑鼠游標:
Auto-Hide Your Mouse Pointer When Idle With "Unclutter"
unclutter -idle 5  ==> 5 秒後隱藏

chrome 參數 password-store 說明:
Where are my browser passwords stored? - Ask Ubuntu

[PC]Google Chrome參數一覽表|梅問題.教學網

Google Chrome 參數設定和彩蛋 | DreamersCorp.

[電腦學習園地] Google Chrome參數一覽表 @ 電腦學習園地 :: 痞客邦 ::

這一篇最後的幾個參數值得嘗試,尤其是解決 cors 的方法(還沒試過就是了)
利用 Google Chrome 作為 kiosk 應用時的設定項目 | 北風筆記

2018年3月7日 星期三

Photo slideshow - Google 簡報外掛程式

Photo slideshow - Google 簡報外掛程式

google 相簿現在不支援 slide show,利用這個外掛,建立簡報,發布到網路上讓其自動播放、循環播放,算是目前為止比較簡單的變通方法,只是需要多一道工....

2018年3月3日 星期六

Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps

Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps

當前後端分離時,app 載入階段分為兩部份:

  1. index.html 與 js 載入
  2. app 執行後以 ajax 取得資料以渲染畫面


此文章提供一種方式,由後端將所需初始資料嵌入 html 以讓 app 可以直接渲染畫面,提昇速度。

另外,針對多路由的 spa , 後端嵌入的初始資料(只會發生一次)是否為當前頁面所需,是否需要向後端請求資料,也提供了一種參考作法。

The Ultimate Vue.js & Laravel CRUD Tutorial

The Ultimate Vue.js & Laravel CRUD Tutorial