Я пытаюсь запустить два веб-сайта на одном и том же имени хоста, где один обслуживает статический контент (приложение AngularJS), а другой направляет все запросы на PHP (API, написанный с использованием Apigility), но только для определенного пути в URL-адресе (подробнее об этом потом).
На данный момент у меня есть два vhosts nginx, которые прослушивают два разных домена, которые работают нормально, однако клиентское приложение в конечном итоге будет аутентифицироваться по API с использованием OAuth, и я не хочу хранить токены или любые другие конфиденциальные данные в клиентских файлах cookie, локальное хранилище или где-нибудь еще. Эта статья объясняет причину этого лучше, чем я мог бы объяснить сам.
Помня об этой проблеме, я решил создать «прокси-сервер», который по умолчанию (что важно) будет обслуживать любой статический контент, запрашиваемый клиентским браузером, однако, если приходит запрос, который начинается с /api/
затем его следует перенаправить на php-fpm.
Чтобы дать вам пример, предположим, что у API есть конечная точка /users
. Я хочу иметь возможность запускать свое приложение AngularJS, как обычно, например на http://monkey.com/index.html
но в то же время, если я выполню запрос AJAX для http://monkey.com/api/users
он должен направить /users
bit в PHP, который будет установлен в другом каталоге (для ответа на этот вопрос предположим, что приложение AngularJS установлено в /var/www/website
и API находится в /var/www/api
.
Это две конфигурации, которые у меня есть на данный момент и которые работают как отдельные веб-сайты:
Конфигурация приложения AngularJS:
server {
listen 80;
server_name monkey.com;
root /var/www/website;
index index.html
location / {
try_files $uri $uri/ /index.html =404;
}
}
Конфигурация API:
server {
listen 80;
server_name api.monkey.com;
root /var/www/api/public;
index index.php
include /etc/nginx/fcgiwrap.conf;
location / {
try_files $uri $uri/ /index.php$is_args$args;
}
location ~ \.php$ {
try_files $uri =404;
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_index index.php;
include fastcgi_params;
}
}
Чтобы избежать путаницы, я не буду публиковать свои неудачные попытки, но могу только сказать, что пробовал использовать root
и alias
но безрезультатно. Думаю, моя самая большая проблема в том, что я не уверен, как извлечь только ту часть, которая идет после /api
и направить его в PHP, который, что усложняет ситуацию, находится в другом каталоге, $ document_root.
Я видел довольно много статей и ответов на SO, в которых упоминалось, что наличие root
внутри location
запись - не очень хорошая идея, но я не думаю, что это можно решить без этого.
Я уже некоторое время борюсь с этой, казалось бы, простой проблемой, поэтому надеюсь, что кто-то может привести пример действительно работающей конфигурации.
Потратив значительное количество времени на попытки получить рабочую конфигурацию, мне, кажется, наконец удалось это сделать.
Теперь я могу выполнять запросы к http://monkey.com/some/angular/path
или http://monkey.com/api/users
и обслуживать как статический контент, так и сайт PHP, соответственно, из одного домена.
Если кто-то наткнется на этот вопрос, вот конфигурация, с которой я столкнулся:
server {
listen 80;
server_name monkey.com;
location / {
alias /var/www/website/;
try_files $uri $uri/ /index.html =404;
}
location /api/ {
alias /var/www/api/public;
try_files /index.php =404;
set $path $request_uri;
if ($request_uri ~ ^/api/(.*)$ ) {
set $path /$1;
}
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root/index.php;
fastcgi_param REQUEST_URI $path;
}
}
Приведенная выше конфигурация лишает /api/
префикс и наборы REQUEST_URI
к тому, что за ним последовало. Например. если вы просили monkey.com/api/users/1
вы в конечном итоге пройдете /users/1
в php-fpm.
Если вам не нужно каким-либо образом изменять исходный URI запроса и вы просто хотите передать весь URI запроса в PHP, вы можете упростить (и, возможно, ускорить) конфигурацию следующим образом:
server {
listen 80;
server_name monkey.com;
location / {
alias /var/www/website/;
try_files $uri $uri/ /index.html =404;
}
location /api/ {
alias /var/www/api/public;
try_files /index.php =404;
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root/index.php;
}
}
Теперь о настройке Жрать проект для прокси сайта!
Перво-наперво: Этот код был бы невозможен без «Андриса», Google и других. Пожалуйста, прочтите его код сначала, а затем прочтите это, если вам это не поможет!
Angular или любая другая служба может обслуживаться на порту 4200 и по пути по умолчанию / Например: http://example.com/ будет работать под углом.
Любой запрос URL, например http://example.com/api/index.php будет перенаправлен на соответствующий маршрут, удалив из него '/ api'. Так http://example.com/api/index.php будет рассматриваться как http://example.com/index.php
Я только что протестировал этот код, пожалуйста, ответьте своим патчем и предложениями, если таковые имеются!
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name localhost;
#root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
proxy_pass http://127.0.0.1:4200;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
location /api/ {
root /var/www/api/public;
try_files /index.php =404;
set $path $request_uri;
if ($request_uri ~ ^/api/(.*)$ ) {
set $path /$1;
}
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$path;
fastcgi_param REQUEST_URI $path;
# index index.php index.html index.htm;
}
}