Шаг 1. Создание каталога Project Root

mkdir simple-deploy-app-typescript-to-heroku

Шаг 2. Инициализировать свой каталог как проект узла

cd simple-deploy-app-typescript-to-heroku
npm init -y // automatic create new file package.json

Шаг 3. Установите необходимую зависимость с помощью NPM

npm i @types/express @types/node express nodemon ts-node typescript

• Express используется для облегчения API REST.
• Nodemon поддерживает работу сервера запуска и заменять последний код, поэтому нам не нужно перезагрузить сервер каждый раз, когда наш обновляет новый код.
• TS-Node напрямую запускает.
• TypeScript для поддержки типового сценария в JavaScript.

Шаг 4. Настройка TypeScript

tsc --init // automatic for create new file tsconfig.json

Затем добавьте новую строку ниже Compileroptions объект.

"include" : [
    "src/**/*.ts"   /* Include every ts file in source folder */
],
"exclude" : [
    "node_modules"  /* exclude everything in  node_modules */
]

Шаг 5. Настройка сервера

Редактировать файл package.json

"compilerOptions" : {
  //**/
},
"scripts": {
    "start": "ts-node src/config/server.ts",
    "dev": "nodemon -x ts-node src/config/server.ts"
},

Сервер скрипт будет жить в src/config/server.ts

Создайте новый простой сервер с Express сейчас.

src/config/server.ts

import express from 'express';
const app = express()
const PORT : string|number = process.env.PORT || 5000;

app.use("*",(req, res) =>{
    res.send("
Welcome to your simple server! Awesome right
");
});

app.listen(PORT,() => console.log(`hosting @${PORT}`));

Тестирование на сервер также работает, мы запускаем CMD npm запустить dev Анкет

Шаг 6. Развертывание в Хероку

SICE 1: Установка CLI Heroku

SICE 2: Вход в Heroku

heroku login

Затем мы собираемся в новый браузер Windows для входа в приложение Heroku.

Защита 3: Создание приложения Heroku в Heroku

SICE 4: Создание файла Procfile для Heroku

Добавить новую строку в файл

web:ts-node/src/config/server.ts

SICE 5: Инициализация нашего проекта в GIT Repo of Heroku

git init .
git add .
git commit -m "Initializing project"

Наконец из -за соре: подтолкнуть код в Heroku

git push heroku master

Я надеюсь, что это немного поможет для вас. Спасибо, что прочитали мой пост. Хорошего дня!

Оригинал: «https://dev.to/hte305/simple-deploy-typescript-application-to-heroku-5b6g»