發表文章

使用DragonBones遇到的問題

圖片
dragonBones好用歸好用  不過遇到問題時能參考的資料不多 (因為專題需要所以使用dragonBones一段時間了)

使用Sensor APIs(Web API)遇到的問題【如何讓http -> https(SSL)】

圖片
最近在做物聯網作業的時候發現 http 無法調用Sensor APIs 需要網址前綴為 https 的情況下載能使用 以下是我透過 device motion handler 檢測手機 accelerometer 的測試畫面:   http ://xxx.xxx.xxx.x http s ://xxx.xxx.xxx.x 我強行把內網(192.168.169.X)前面加https的效果 不過這樣是不安全的 而且為了方便組員一起測試 我使用 no-ip  申請動態DNS服務 (浮動ip對應到免費的固定的hostname ex: el0813.com ) 然後用申請的 domain name 下去 申請免費的ssl 經由它的指示完成認證的動作 最後會得到三個安全認證檔案( certificate.crt 、 ca_bundle.crt 和 private.key ) 我用 xampp 下去管理我的server 所以要將網址從http -> https 的話還要在xampp設定一些東西 實際上要做什麼我也是自己玩了一下才弄出來 有些步驟說不定是多餘的 說實在我也不清楚 俗話說好的文章讓人上天堂 這句話親身體會了一回 我花了好多時間摸索嘗試 終於! 以下是我爬文透過一些文章整理出來的 ※因為本人使用 macOS ,所以以下步驟適用於 macOS。 網路上大多都是 Windows 的教學,有需要的可以自己去google一下。 1.在 /Applications/XAMPP/xamppfiles/etc 下創建一個叫ssl文件夾(名字叫什麼其實沒差。然後把三個安全認證檔案丟到裡面去 2.在 /Applications/XAMPP/xamppfiles/etc/extra 找到 httpd-vhosts.conf 這個檔案,在文件底下加入以下內容: <VirtualHost *:443> DocumentRoot "/Applications/XAMPP/htdocs" ServerName el0813.com <Directory "/Applications/XAMPP/htdocs...

學習將Line Bot連結webhook(with ngrok)

下載LINE Messaging API SDK for Node.js----- 下載 開始連結line bot 資料來源   資料來源2 1.從Line developers console 取得 channel secret 及 channel access token 2.安裝 $ npm install @line/bot-sdk 3.clone 相關資源 $ git clone https://github.com/line/line-bot-sdk-nodejs $ cd line-bot-sdk-nodejs $ npm install $ npm run build 4.移動到 examples echo-bot 資料夾 5.安裝擴充套件 $ npm install 6.export相關內容 $ export CHANNEL_SECRET=YOUR_ CHANNEL_SECRET $ export CHANNEL_ACCESS_TOKEN=YOUR_ CHANNEL_ACCESS_TOKEN $ export PORT=1234 7.執行server $ npm start 8.執行 ngrok (記得再開另一個 Terminal)----- 安裝 $ ngrok http 1234 9.最後一步把 ngrok 得到的 URL 貼到 Webhook URL 上面 https:// xxxxxxxx .ngrok.io/callback ※如果測試幾次發現 Server 都沒有反應,試著把Line developers Webhook settings中的 Use webhooks選項切成 Disabled,然後再Enabled 應該就OK了 ~ 不過ngrok要需要一直開著 我覺得不太友善...... 可以考慮使用heroku----- 參考 參考

學習Heroku with Node.js

註冊Heroku帳號 資料來源 下載Heroku CLI----- 下載 MacOS也可以在 terminal 打以下指令透過 Homebrew下載 $ brew install heroku/brew/heroku ※Homebrew是macOS一個缺少套件的管理工具。----- 了解更多 透過以下指令登入heroku $ heroku login 我選擇以Node.jsxu Heroku 確認是否有裝git套件 $ git --version 沒有的話 下載 clone可隨後部署到Heroku的示例應用程序本地版本 在本地command shell或terminal中執行以下命令 $ git clone https://github.com/heroku/node-js-getting-started.git $ cd node-js-getting-started ※顯示「fatal: 不能建立工作區目錄 'node-js-getting-started': Permission denied」,指令前面+“sudo” 建立一個app在Heroku上 $ heroku create Deploy your code? $ git push heroku master 現在已部署該app。確保至少有一個app實例正在運行: $ heroku ps:scale web=1 ※中途遇到「Warning: heroku update available from 7.35.0 to 7.41.1.」則先升級heroku $ heroku update 通過其app名稱生成的URL訪問該app。可以按以下方式打開網站 $ heroku open 查看logs $ heroku logs --tail ※ 「Control+C」停止查看 定義一個Procfile(app根目錄中的text file)來明確告知執行什麼command來啟動app web: node index.js 可以透過以下ps命令檢查正在運行的測功機(dynos) $ heroku ps === web (Free): `node index.js` web.1: up 2014/04/25 16:26:38 (~ 1s ago) 在根目錄執行以下command安裝這些...