Блог

Главная - Вопросы по программированию - как запустить angular webapp в производство

как запустить angular webapp в производство

#mysql #backend

#mysql #серверная часть

Вопрос:

Я создал свой проект в Angular, внутренней папке и интерфейсе. Для папки «Frontend» я отправляю ее в производство с помощью ng build -prod, и пока все хорошо. Но для «серверной части»? И у меня также есть сомнения по поводу параметра service. Что я должен поставить вместо localhost: 3000?

«Серверная часть» config.json

 {
"development": {
    "username": "******",
    "password": "******",
    "database": "******",
    "host": "sql.twave.it",
    "dialect": "mysql"
},
"test": {
    "username": "******",
    "password": "******",
    "database": "******",
    "host": "sql.******.it",
    "dialect": "mysql"
},
"production": {
    "username": "******",
    "password": "******",
    "database": "******",
    "host": "sql.******.it",
    "dialect": "mysql"
}

}

«Интерфейс» comuni.service.ts

     export class ComuniService {
    
  baseURL = 'http://localhost:3000/comuni';
    
      constructor(private http: HttpClient) { }
    
      getData() {
        return this.http.get<Array<Comuni>>(this.baseURL)
      }
    
      getEntry(id) {
        return this.http.get<Comuni>(this.baseURL   "/"   id)
      }

Комментарии:

1. Добро пожаловать в Stackoverflow. Angular это интерфейсный фреймворк, вы используете что-то другое для бэкэнда, возможно Express , вы можете предоставить более подробную информацию и сосредоточиться на вашем бэкэнд-фреймворке и вашей конкретной проблеме?

Ответ №1:

Итак, вам нужно позаботиться о нескольких вещах как в бэкэнде, так и во внешнем интерфейсе.

Кроме того, используйте http-server module в angular для отладки перед запуском.

  1. Используйте файл typescript в вызываемом angular environment.ts , а также environment.prod.ts вместо использования константы в вашем сервисе для хранения baseURL .

Использование environment.ts позволит вам создать базовый URL-адрес для разработки, в то время как он автоматически сопоставляется с prod.ts для производства.

  1. Используйте переменные среды для вашего серверной части (предполагая, что это делается в Nodejs, используйте dotenv для создания переменных env в режиме разработки).
  2. Учитывая вашу производственную среду, вы можете использовать https://yourdomain.here:port_if_available в качестве базового URL-адреса для http-сервисов.
Метки: