跳到主要內容

將程式碼Deploy到Heroku平台

如何將本地專案Deploy到Heroku上
1.註冊heroku帳號https://www.heroku.com/

2.安裝heroku toobelt https://toolbelt.heroku.com/

3.打heroku login,會出下面這些:
   Enter your Heroku credentials.
   Email: (你的 email)
   Password (typing will be hidden):(你的密碼)
   Authentication successful.


4.新增 SSH Key
   要 push project 到 Heroku 需要使用 SSH key,如果
   SSH key 的話,可以用以下指令新增一個 SSH key


5.將 SSH Key 新增到 Heroku 帳戸

6.將現有專案 deploy 到 Heroku
   cd my-project
   heroku create my-project
   git push heroku master

留言

這個網誌中的熱門文章

設計思考 (Design Thinking)

Design Thinking 101                設計思考也稱作設計思維,設計思考並非專屬於設計師 ; 相反地,設計思考是一種引導創新的方法,它從根本去了解問題的現象,觀察並分析使用者情境並以解決問題,彌補使用者與設計者,在使用、設計產品服務之間的斷層。 每個人只要奠基於創新之上,皆有此種思考取向。設計思考是一個創意解難的過程,透過運用設計思考工具中的的元素。

彩色點陣圖

今天我們利用光的三原色,也就是紅色、綠色、藍色,來表示一張彩色的點陣圖,之前都是以一個數字代表一個點的顏色,可是這次要用六個數字才能代表一個點。 如果我要讓電腦顯示紅色,我要這樣寫:FF0000,前兩個F代表有多少紅色、3,4個代表 有多少 綠色,最後5,6個代表 有多少 藍色, 我用英文字母來表示10以上的數字,A是10,B是11,所以F是16。兩個F是用16進位來表示,第一個F是表示16的0次方有15個,也就是最大值為15,因為若是16就進位了,第二個F表示16的1次方有15個,也就是240,把16和240加起來就會等於16進位的最大值255。總而言之,FF0000就會等於(R=255,G=0,B=0),電腦就會呈現全紅的畫面,如果是:000000,就會是全黑色因為三原色全部沒有光,就是黑色,那如果是:FFFFFF,就會是全白,因為三原色全部都有,所以是白色。 數值越大,光就越亮,數值越小,光就越暗,這樣總共可以排出一千六百多萬的顏色。 下面有三個圖,可以點選來試試看。

如何讓 button 被點下時,可以執行某一段 JavaScript 程式碼?

範例中第一個部分的原始碼如下: <a href="javascript:open_window('javascript.html')">javascript:function</a>:JavaScript Pseudo Protocol. 一般 來說,href 的內容是 URL,但是我們卻設定了一串頗為奇怪的字串。讓我們解釋一下: Javascript 提供了一個特別的用法,稱之為 JavaScript Pseudo-Protocol, javascript: 之後會加上一個函數名稱, 函數可以是 Javascript 內建的函數,也可以是自行定義的函數。 例如,你可以直接在瀏覽器輸入  javascript:alert(document.links.length)   來得知目前這個網頁總共有多少超連結(links)。 當然,你也可以將這段 程式碼用來取代這個範例的 href 值。 範例中第二個部分的原始碼如下: <form> <input type="button" name="Button1" value="請按我" onClick="sayhi()"> </form> 這是一個 form 元件,該元件內包含一個按鈕元件,該元件名稱為 Button1。 在按鈕元件中,我們也定義了一個事件處理的函數: " onClick="sayhi()" ; 該定義說明了:如果使用者在按鈕上點一下,則執行 sayhi() 函數, 而 sayhi() 的程式碼如下: <script language="javascript"> <!-- function sayhi() { alert("What's up?"); } // --> </script> 如果使用者在"請按我"的按鈕上點一下,螢幕上會出現包含 "What's up?" 訊息的視窗。