1. 程式人生 > >如何把自己的app(MEAN開發方式)部署到heroku

如何把自己的app(MEAN開發方式)部署到heroku

大概步驟:

1.

申請 MLab

MLab (前身是 MongoLab) 是一個 mongodb 雲資料庫提供商,我們可以選擇 500MB 空間的免費套餐用來測試。註冊成功後,點選右上角的 Create New 建立一個數據庫(如: myblog),成功後點擊進入到該資料庫詳情頁,注意頁面中有一行黃色的警告:

A database user is required to connect to this database. To create one now, visit the 'Users' tab and click the 'Add database user' button.

每個資料庫至少需要一個 user,所以我們點選 Users 下的 Add database user

 建立一個使用者。

注意:不要選中 Make read-only,因為我們有寫資料庫的操作。

最後分配給我們的類似下面的 mongodb url:

mongodb://<dbuser>:<dbpassword>@ds139327.mlab.com:39327/myblog
步驟2

部署到 Heroku

Heroku 是一個支援多種程式語言的雲服務平臺,Heroku 也提供免費的基礎套餐供開發者測試使用。現在,我們將論壇部署到 Heroku。

注意:新版 heroku 會有填寫信用卡的步驟,如果沒有請跳過本節。

首先,需要到 https://toolbelt.heroku.com/ 下載安裝 Heroku 的命令列工具包 toolbelt。然後登入(如果沒有賬號,請註冊)到 Heroku 的 Dashboard,點選右上角 New -> Create New App 建立一個應用。建立成功後執行:

$ heroku login

填寫正確的 email 和 password 驗證通過後,本地會產生一個 SSH public key

可以用foreman start命令檢查一下你的程式碼是否能順利在heroku上執行,如果看到輸出中沒有報錯,那就說明基本正常。

?
1$ foreman start

然後就是用git同步程式碼:

?
12345$ git init$ git add .$ git commit -m "init"

建立heroku應用:

?
1$ heroku create sample9527

如果sample9527這個app名在heroku上沒有人用,那麼你會建立成功,應用的連結就是

http://sample9527.herokuapp.com/,不然就改個名字接著試,或者直接用heroku create讓它幫你起一個新名字。

如果需要安裝一些資料庫之類的外掛,可以看看它有什麼add-on可用,然後在命令列加入。比如加入一個MongoLab提供的MongoDB資料庫:

?
1$ heroku addons:add mongolab

(大部分add-on需要你在使用者資訊中填入信用卡,但是如果選用免費版本則不會被扣費,放心吧)

然後就可以同步程式程式碼了:

?
1$ git push heroku master

同步之後,heroku會自動根據npm配置下載和安裝必要的dependencies,然後啟動你的應用。

現在可以到應用連結看一下是否正常,如果有錯誤,可以在命令列檢視日誌:

?
1$ heroku logs

根據日誌中的錯誤資訊修改程式碼後,可以再次提交程式碼:

?
123$ git commit -a -m "update some code"$ git push heroku master

或者在需要時直接用restart命令重啟服務:

?
1$ heroku restart


相關推薦

如何自己appMEAN開發方式部署heroku

大概步驟: 1. 申請 MLab MLab (前身是 MongoLab) 是一個 mongodb 雲資料庫提供商,我們可以選擇 500MB 空間的免費套餐用來測試。註冊成功後,點選右上角的 Create New 建立一個數據庫(如: myblog),成功後點擊進入到

Eclipse找出所有中文字元方法全球化開發方式

 Eclipse 中,將專案中的所有中文字元找到,並替換,雖然我們平時開發不用中文,但不能保證一定就沒有中文字元出現。 利用eclipse正則查詢 CTRL+H   輸入[^\x00-\xff]包括方括號,並且選中“Regualr expression” 就把所有的中文字元找出來了,很方便吧!

ios 導航欄自己定義和使用系統方式

dividing lac 添加 nav mod anim objc cgrect side 系統方式: //1.設置導航欄背景圖片 [self.navigationController.navigationBar setBackgroundImage:[

UITableViewCell初始化的兩種方式 iOS開發

 UITableViewCell的兩種初始化方式(dequeueReusableCellWithIdentifier): 1,不註冊cell的方式:       UITableViewCell *cell = [tableView dequeueReusableCellW

Spring使用@AspectJ開發AOP註解的方式

自定義 The @aspectj tro 織入 color span for 開啟 前言: AOP並不是Spring框架特有的。Spring只是支持AOP編程 (面向切面編程) 的框架之一。 概念: 1、切面(Aspect)   一系列Advice + Pointcut

Vue 2.0實戰高階-開發移動端音樂Web APP最新無密

課程簡介:全網稀缺Vue 2.0高階實戰 獨立開發專屬音樂WebAPP目前市面上還沒有一個Vue 2.0 的高階教學,都是一些基礎的入門課程,你很難找到一個基於Vue.js的複雜應用的教學, 但是,我們為你準備了這門獨一無二的Vue 2.0 高階實戰課程學前必看本課程是Vue

想著手學習微信小程式開發的看過來含本地開發方式

瀏覽部落格,五一發現一片很好的文章,原網址(http://blog.csdn.net/anda0109/article/details/53366804),寫的很不錯,故轉載分享給更多的人。       就像學習一門開發語言首先會寫出“Hello World”一樣,學習

利用WPF建立自己的3d gis軟體非axhost方式SDK自帶部分面板的呼叫

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV

利用WPF建立自己的3d gis軟體非axhost方式

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsVJ7dwF

利用WPF建立自己的3d gis軟體非axhost方式拖動一個UI到地球上

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV

利用WPF建立自己的3d gis軟體非axhost方式實現簡單的粒子效果

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV

利用WPF建立自己的3d gis軟體非axhost方式跳轉,增加外部三維模型

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsVJ7dwF

利用WPF建立自己的3d gis軟體非axhost方式在滑鼠點選的位置增加UI

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsVJ7dwF

利用WPF建立自己的3d gis軟體非axhost方式在地圖上新增FrameworkElement

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsVJ7dwF

利用WPF建立自己的3d gis軟體非axhost方式向量資料顯示控制

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsVJ7dwF

利用WPF建立自己的3d gis軟體非axhost方式基礎狀態切換

  先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVp

Hybrid App混合開發 移動端開發除錯

1、下載專案,npm install安裝依賴 本地執行 npm run dev(根據具體packjson配 置而定) 2、區域網訪問:http://172.20.9.35:8080/ 3、手機端訪問:在我的、設定裡,點選關於vv裡的logo 5下 出現隱藏設定 除錯地址裡填  區域網訪

利用WPF建立自己的3d gis軟體非axhost方式十二SDK中的導航系統

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV

利用WPF建立自己的3d gis軟體非axhost方式十三萬能的使用者層介面,強大的WPF

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV

利用WPF建立自己的3d gis軟體非axhost方式十一SDK中的動畫系統

先下載SDK:https://pan.baidu.com/s/1M9kBS6ouUwLfrt0zV0bPew 密碼:1te1 地圖資料包(sqlserver2008R2版本,也可以不下載):  https://pan.baidu.com/s/1PjcNamad7OVpCrsV