Herokuでのnode.jsを利用した webアプリケーションの公開

Question

前提・実現したいこと

Herokuを使用して作成中のWEBアプリケーションを公開したい。

プログラミング初学者です。
転職のために学習中でユーチューブにて動画を見ながら作成したクイズアプリケーションがあるのですが、そこに自分で様々な機能をつ実装し（まだ作成中ですが）勉強のためにそのアプリケーションを公開したいと思い、node.js使用していたので調べたところHerokuを利用したら比較的簡単にWEBアプリケーションを公開できるとのことで試してみたのですがうまく行かず、自分なりに調べて様々なことを試してみたのですがうまく行かず行き詰まっていたので質問させていただきました。
初学者のため、見にくいコードや変なところ等お見苦しい点は多々あると思うのですがどうかよろしくお願いいたします。

お見苦しいコードですがわかりやすくするためにGITのリポジトリのリンクを貼らせていただきます
https://github.com/RyuY18/appHeroku

発生している問題・エラーメッセージ

gitのリポジトリと連携させ、pushするもアプリケーションが正しく起動しない
Application error との表記

heroku logs --tailを利用した際に表記されたlogです

2021-05-20T10:38:11.368497+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=sindantest.herokuapp.com request_id=1d15b294-2c66-4873-a2ba-234a39334036 fwd="14.12.1.2" dyno= connect= service= status=503 bytes= protocol=https
2021-05-20T10:38:11.733684+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=sindantest.herokuapp.com request_id=9d2d9523-a45a-4ceb-81fb-3b9bd0d7e831 fwd="14.12.1.2" dyno= connect= service= status=503 bytes= protocol=https...~~~

該当のソースコード

使用言語　node.js

index.js

const express = require("express");
const app = express();
const fs = require('fs');
const ejs = require("ejs");
const PORT = process.env.PORT || 3000;

app.use(express.static("public"));
app.use(express.static("js"));
app.use(express.static("views"))

app.get("/", (req, res) => {
  res.render("top.ejs");
});

app.get("/index", (req, res) => {
  res.render("index.ejs");
});

app.get("/start", (req, res) => {
  res.render("start.ejs");
});


app.listen(PORT, function() {
  console.log('start sarver!');
});

package.json
{
  "name": "sindan-app",
  "engines": {
    "node": "14.16.1",
    "npm": "6.14.12"
  },
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/RyuY18/appHeroku.git"
  },
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/RyuY18/appHeroku/issues"
  },
  "homepage": "https://github.com/RyuY18/appHeroku#readme",
  "dependencies": {
    "ejs": "^3.1.6",
    "express": "^4.17.1"
  }
}

試したこと

gitのリポジトリの変更
HerokuとGITリポジトリの紐付けによるデプロイ、
git push heroku master によるpush

補足情報（FW/ツールのバージョンなど）

ローカル環境では問題なく動いております。（localhost）
こういったサイトで質問するのは初めてなので見にくい点等多々あると思いますがどうかよろしくお願いします

Answer 1

log の前半に

2021-zz-zzTzz:zz:zz.zzzzz0+00:00 app[web.1]: sh: 1: index.js: not found

のようなエラー行がないでしょうか？

プロジェクトのルートディレクトリにProcfileという名前で下記の内容のファイルを作成し、
リモートにpushしているでしょうか？

web: node index.js

　

上記をProcfileというファイル名でプロジェクトのルート（package.jsonがあるディレクトリと同じ階層）に保存したら、
下記要領でpush

git add .
git commit -m "Add Procfile"
git push heroku master

そのあと
heroku open　でアプリを開いてみてください。

Comments

[RyuY18]

ありがとうございます！！おかげさまで無事公開できました！！
すごい悩んでできなかったので本当に助かりました、ありがとうございます。
初学者にもわかりやすく解説していただきありがとうございました！