我想在 Heroku 上部署我的 Expree.js“博客網站”專案,但是在嘗試了很多次之后,我收到“應用程式錯誤”,即您的應用程式已崩潰“H10”。這是 package.json 檔案。我遵循了所有步驟,如果我錯過了什么,請告訴我:
{
"name": "ejs-challenge",
"version": "1.0.0",
"description": "",
"main": "app.js",
"scripts": {
"start": "node app.js"
},
"repository": {
"type": "git",
"url": "[email protected]:soniiya/Blogging-final.git"
},
"author": "",
"license": "ISC",
"engines": {
"node": "14.17.6"
},
并且還在我的 app.js 檔案中添加了這個:
app.listen(process.env.PORT || 3000, function () {
console.log("Server started on port 3000");
});
我也創建了 Procfile “web: node app.js”。實際上,當我在沒有用戶身份驗證功能的情況下部署同一個應用程式時,它部署成功,但是當添加身份驗證時,它現在崩潰了。我使用 MongoDB 作為資料庫,如果您有任何建議,請告訴我。什么會導致heroku上的“應用程式崩潰”?
This is the "heroku logs":
$ heroku logs --app agile-journey-27742
? Warning: heroku update available from 7.53.0 to
? 7.59.2.
2021-12-25T15:01:48.138120 00:00 app[api]: Release v4 created by user soniyajaiswal995@gmail.com
2021-12-25T15:01:48.138120 00:00 app[api]: Set DB_PATH config vars by user soniyajaiswal995@gmail.com
2021-12-25T15:01:48.343377 00:00 heroku[web.1]: State changed from crashed to starting
2021-12-25T15:01:51.169675 00:00 heroku[web.1]: Starting process with command `node app.js`
2021-12-25T15:01:52.431858 00:00 app[web.1]: Sat, 25 Dec 2021 15:01:52 GMT express-session deprecated req.secret; provide secret option at app.js:50:9
2021-12-25T15:01:52.432471 00:00 app[web.1]: Warning: connect.session() MemoryStore is not
2021-12-25T15:01:52.432472 00:00 app[web.1]: designed for a production environment, as it will leak
2021-12-25T15:01:52.432472 00:00 app[web.1]: memory, and will not scale past a single process.
2021-12-25T15:01:52.442695 00:00 app[web.1]: /app/node_modules/passport-oauth2/lib/strategy.js:87
2021-12-25T15:01:52.442712 00:00 app[web.1]: if (!options.clientID) { throw new TypeError('OAuth2Strategy requires a clientID option'); }
2021-12-25T15:01:52.442713 00:00 app[web.1]: ^
2021-12-25T15:01:52.442713 00:00 app[web.1]:
2021-12-25T15:01:52.442713 00:00 app[web.1]: TypeError: OAuth2Strategy requires a clientID option
2021-12-25T15:01:52.442714 00:00 app[web.1]: at Strategy.OAuth2Strategy (/app/node_modules/passport-oauth2/lib/strategy.js:87:34)
2021-12-25T15:01:52.442714 00:00 app[web.1]: at new Strategy (/app/node_modules/passport-google-oauth20/lib/strategy.js:52:18)
2021-12-25T15:01:52.442714 00:00 app[web.1]: at Object.<anonymous> (/app/app.js:97:14)
2021-12-25T15:01:52.442714 00:00 app[web.1]: at Module._compile (internal/modules/cjs/loader.js:1072:14)
2021-12-25T15:01:52.442718 00:00 app[web.1]: at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
2021-12-25T15:01:52.442718 00:00 app[web.1]: at Module.load (internal/modules/cjs/loader.js:937:32)
2021-12-25T15:01:52.442719 00:00 app[web.1]: at Function.Module._load (internal/modules/cjs/loader.js:778:12)
2021-12-25T15:01:52.442719 00:00 app[web.1]: at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
2021-12-25T15:01:52.442719 00:00 app[web.1]: at internal/main/run_main_module.js:17:47
2021-12-25T15:01:52.585001 00:00 heroku[web.1]: Process exited with status 1
2021-12-25T15:01:52.686499 00:00 heroku[web.1]: State changed from starting to crashed
2021-12-25T15:02:05.594774 00:00 app[api]: Set DB_ADMIN config vars by user soniyajaiswal995@gmail.com
2021-12-25T15:02:05.594774 00:00 app[api]: Release v5 created by user soniyajaiswal995@gmail.com
2021-12-25T15:02:06.819898 00:00 heroku[web.1]: State changed from crashed to starting
2021-12-25T15:02:09.868314 00:00 heroku[web.1]: Starting process with command `node app.js`
2021-12-25T15:02:11.032225 00:00 app[web.1]: Sat, 25 Dec 2021 15:02:11 GMT express-session deprecated req.secret; provide secret option at app.js:50:9
2021-12-25T15:02:11.032895 00:00 app[web.1]: Warning: connect.session() MemoryStore is not
2021-12-25T15:02:11.032896 00:00 app[web.1]: designed for a production environment, as it will leak
2021-12-25T15:02:11.032896 00:00 app[web.1]: memory, and will not scale past a single process.
2021-12-25T15:02:11.042607 00:00 app[web.1]: /app/node_modules/passport-oauth2/lib/strategy.js:87
2021-12-25T15:02:11.042608 00:00 app[web.1]: if (!options.clientID) { throw new TypeError('OAuth2Strategy requires a clientID option'); }
2021-12-25T15:02:11.042609 00:00 app[web.1]: ^
2021-12-25T15:02:11.042609 00:00 app[web.1]:
2021-12-25T15:02:11.042610 00:00 app[web.1]: TypeError: OAuth2Strategy requires a clientID option
2021-12-25T15:02:11.042610 00:00 app[web.1]: at Strategy.OAuth2Strategy (/app/node_modules/passport-oauth2/lib/strategy.js:87:34)
2021-12-25T15:02:11.042610 00:00 app[web.1]: at new Strategy (/app/node_modules/passport-google-oauth20/lib/strategy.js:52:18)
2021-12-25T15:02:11.042611 00:00 app[web.1]: at Object.<anonymous> (/app/app.js:97:14)
2021-12-25T15:02:11.042611 00:00 app[web.1]: at Module._compile (internal/modules/cjs/loader.js:1072:14)
2021-12-25T15:02:11.042611 00:00 app[web.1]: at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
2021-12-25T15:02:11.042612 00:00 app[web.1]: at Module.load (internal/modules/cjs/loader.js:937:32)
2021-12-25T15:02:11.042612 00:00 app[web.1]: at Function.Module._load (internal/modules/cjs/loader.js:778:12)
2021-12-25T15:02:11.042612 00:00 app[web.1]: at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
2021-12-25T15:02:11.042613 00:00 app[web.1]: at internal/main/run_main_module.js:17:47
2021-12-25T15:02:11.173932 00:00 heroku[web.1]: Process exited with status 1
2021-12-25T15:02:11.236915 00:00 heroku[web.1]: State changed from starting to crashed
2021-12-25T15:02:18.714430 00:00 app[api]: Set DB_PASS config vars by user soniyajaiswal995@gmail.com
2021-12-25T15:02:18.714430 00:00 app[api]: Release v6 created by user soniyajaiswal995@gmail.com
2021-12-25T15:02:18.957618 00:00 heroku[web.1]: State changed from crashed to starting
2021-12-25T15:02:21.915023 00:00 heroku[web.1]: Starting process with command `node app.js`
2021-12-25T15:02:23.655207 00:00 app[web.1]: Sat, 25 Dec 2021 15:02:23 GMT express-session deprecated req.secret; provide secret option at app.js:50:9
2021-12-25T15:02:23.656076 00:00 app[web.1]: Warning: connect.session() MemoryStore is not
2021-12-25T15:02:23.656077 00:00 app[web.1]: designed for a production environment, as it will leak
2021-12-25T15:02:23.656077 00:00 app[web.1]: memory, and will not scale past a single process.
2021-12-25T15:02:23.667352 00:00 app[web.1]: /app/node_modules/passport-oauth2/lib/strategy.js:87
2021-12-25T15:02:23.667354 00:00 app[web.1]: if (!options.clientID) { throw new TypeError('OAuth2Strategy requires a clientID option'); }
2021-12-25T15:02:23.667355 00:00 app[web.1]: ^
2021-12-25T15:02:23.667355 00:00 app[web.1]:
2021-12-25T15:02:23.667355 00:00 app[web.1]: TypeError: OAuth2Strategy requires a clientID option
2021-12-25T15:02:23.667356 00:00 app[web.1]: at Strategy.OAuth2Strategy (/app/node_modules/passport-oauth2/lib/strategy.js:87:34)
2021-12-25T15:02:23.667356 00:00 app[web.1]: at new Strategy (/app/node_modules/passport-google-oauth20/lib/strategy.js:52:18)
2021-12-25T15:02:23.667356 00:00 app[web.1]: at Object.<anonymous> (/app/app.js:97:14)
2021-12-25T15:02:23.667357 00:00 app[web.1]: at Module._compile (internal/modules/cjs/loader.js:1072:14)
2021-12-25T15:02:23.667357 00:00 app[web.1]: at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
2021-12-25T15:02:23.667358 00:00 app[web.1]: at Module.load (internal/modules/cjs/loader.js:937:32)
2021-12-25T15:02:23.667358 00:00 app[web.1]: at Function.Module._load (internal/modules/cjs/loader.js:778:12)
2021-12-25T15:02:23.667358 00:00 app[web.1]: at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
2021-12-25T15:02:23.667359 00:00 app[web.1]: at internal/main/run_main_module.js:17:47
2021-12-25T15:02:24.059553 00:00 heroku[web.1]: Process exited with status 1
2021-12-25T15:02:24.113339 00:00 heroku[web.1]: State changed from starting to crashed
2021-12-25T15:04:27.000000 00:00 app[api]: Build started by user soniyajaiswal995@gmail.com
2021-12-25T15:04:55.732410 00:00 app[api]: Release v7 created by user soniyajaiswal995@gmail.com
2021-12-25T15:04:55.732410 00:00 app[api]: Deploy 28c347cb by user soniyajaiswal995@gmail.com
2021-12-25T15:04:55.964469 00:00 heroku[web.1]: State changed from crashed to starting
2021-12-25T15:04:58.000000 00:00 app[api]: Build succeeded
2021-12-25T15:04:58.661868 00:00 heroku[web.1]: Starting process with command `node app.js`
2021-12-25T15:04:59.859458 00:00 app[web.1]: Sat, 25 Dec 2021 15:04:59 GMT express-session deprecated req.secret; provide secret option at app.js:27:9
2021-12-25T15:04:59.860069 00:00 app[web.1]: Warning: connect.session() MemoryStore is not
2021-12-25T15:04:59.860070 00:00 app[web.1]: designed for a production environment, as it will leak
2021-12-25T15:04:59.860070 00:00 app[web.1]: memory, and will not scale past a single process.
2021-12-25T15:04:59.869458 00:00 app[web.1]: /app/node_modules/passport-oauth2/lib/strategy.js:87
2021-12-25T15:04:59.869466 00:00 app[web.1]: if (!options.clientID) { throw new TypeError('OAuth2Strategy requires a clientID option'); }
2021-12-25T15:04:59.869466 00:00 app[web.1]: ^
2021-12-25T15:04:59.869467 00:00 app[web.1]:
2021-12-25T15:04:59.869467 00:00 app[web.1]: TypeError: OAuth2Strategy requires a clientID option
2021-12-25T15:04:59.869467 00:00 app[web.1]: at Strategy.OAuth2Strategy (/app/node_modules/passport-oauth2/lib/strategy.js:87:34)
2021-12-25T15:04:59.869467 00:00 app[web.1]: at new Strategy (/app/node_modules/passport-google-oauth20/lib/strategy.js:52:18)
2021-12-25T15:04:59.869468 00:00 app[web.1]: at Object.<anonymous> (/app/app.js:66:14)
rror code=H10 desc="App crashed" method=GET path="/" host=agile-journey-27742.herokuapp.com request_id=aa9d093d-d785-4933-9c55-b9ce42ed5075 fwd="110.227.56.110" dyno= connect= service= status=503 bytes= protocol=https
2021-12-25T15:05:06.063156 00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=agile-journey-27742.herokuapp.com request_id=231a0059-325c-4e81-b20d-20c70a8065d3 fwd="110.227.56.110" dyno= connect= service= status=503 bytes= protocol=https
uj5u.com熱心網友回復:
1.嘗試設定這種型別的目錄結構
|__client/ THIS IS EVERYTHING FROM THE REACT SIDE
|__ node_modules/
|__ tons of stuff...
|__ public/
|__ index.html
|__ favicon.ico
|__ etc.
|__ src/
|__ index.js
|__ main/
|__ App.js
|__ etc.
|__ models/
|__ user.js
|__ todo.js
|__ etc.
|__ node_modules/
|__ stuff...
|__ routes
|__ userRoutes.js
|__ todoRoutes.js
|__ etc.
|__ .gitignore
|__ package.json
|__ server.js
|__ etc.
2. 請添加這個中間件
// ... Other imports
const path = require("path");
// Other app.use middleware
app.use(express.static(path.join(__dirname, "client", "build")));
// Right before your app.listen(), add this:
app.get("*", (req, res) => {
res.sendFile(path.join(__dirname, "client", "build", "index.html"));
});
app.listen(...);
3.package.json根據您的部署服務器向客戶端添加代理
"proxy": "http://localhost:8000"
所以,你的package.json檔案看起來像......
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.17.1",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-scripts": "1.0.17"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"proxy": "http://localhost:8000"
}
4.在網站上設定環境變數:
A. Open your app in Heroku
B. Go to "Settings"
C. Click "Reveal Config Vars"
D. Add a new variable and click "Add". Done!
E. Your port has to look like:- process.env.PORT || 8000
您的埠如下所示:-
const port = process.env.PORT || 8000;
.
.
.
app.listen(port);
5.設定MongoDB Atlas IP訪問控制
Next, you'll need to whitelist your IP address so that you can access your cluster. Go to Network Access on the navigation menu, and Add IP Address. You can either Add Your Current IP Address or Allow Access from Anywhere. Confirm your choice.
For any projects deployed through Heroku, you'll have to select Allow Access from Anywhere. This is because Heroku uses Dynamic IPs. While this isn't the most secure option, it is fine for now.
6. Add this scripts start heroku-postbuild and engines
After all this, your server's package.json should look something like this:
In the terminal, type node -v. It should spit out the version of Node.js you're using. add this version in the "engines": "14.17.5"
{
"name": "mern-to-heroku",
"version": "1.0.0",
"main": "server.js",
"license": "MIT",
"dependencies": {
"body-parser": "^1.18.2",
"express": "^4.16.2",
"mongoose": "^4.13.6",
"morgan": "^1.9.0"
},
"scripts": {
"start": "node server.js",
"heroku-postbuild": "cd client && npm install --only=dev && npm install && npm run build"
},
"engines": {
"node": "14.17.5"
}
}
You should now be all set up to deploy your site through Heroku!
uj5u.com熱心網友回復:
問題是您的應用找不到 Google 客戶端 ID。
您似乎沒有在 Heroku 中正確配置 .env 變數。解決方案非常簡單。
DOTENV 方法如果您.env以這種方式定義了您的
MONGO_URL="xxx.....xxx"
GOOGLE_CLIENT_ID="xx......xxx"
GOOGLE_CLIENT_SECRET="xxx.....xxx"
并且在您的通行證設定和資料庫設定中,您使用的是 dotenv,
require('dotenv').config();
.
.
.
passport.use(
new GoogleStrategy
(
{
clientID : process.env.GOOGLE_CLIENT_ID,
clientSecret : process.env.GOOGLE_CLIENT_SECRET,
callbackURL : '/auth/google/callback'
},
.
.
.
然后,您必須.env在計算機上的專案根目錄中宣告一個檔案。
您的 .gitignore 檔案可能已經.env提到,因為這是執行此操作的標準方法(您不會將 env 變數推送到公共/團隊存盤庫)。
它在您的計算機上運行的原因是該應用程式具有環境變數的背景關系。在 Heroku 中,由于.env檔案不存在,應用程式不知道在哪里可以找到它們。
您所要做的就是將環境變數添加到 Heroku。只需轉到 Heroku Dashboard 中的設定,轉到 Config variables 選單。
以格式添加環境變數
重啟測功機。
這將解決您的問題。
uj5u.com熱心網友回復:
1.在這個中間件中添加 app.js
app.use(express.static(path.join(__dirname, "public")));
2. 檔案夾結構
|__public/
|__ css/
|__ css files...
|__ js/
|__ js files...
3.以這種方式匯入
現在您將路徑設定為公共目錄,您必須在匯入時提供路徑公共檔案夾
<link rel="stylesheet" href="/css/main.css" />
<script src="/js/main.js" crossorigin="anonymous"> </script>
您現在應該可以訪問 CSS 檔案了
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/395893.html
