일반적으로 vue.js (react, angular, svelte도 비슷합니다)를 이용하시면,
백엔드로 보통은 node.js 환경을 이용하시겠죠. express 혹은 apollo일테구요.
물론, 최근의 트렌드를 십분 활용해서 스타트업에 걸맞게 BaaS를 이용할 수도 있습니다.
하지만 이미 오래 전 구축된 테스트 환경이 갖춰져 있거나, 발주처의 요구 등 여러가지 요인에 의해서 백엔드 환경이 PHP로 고정된 상황도 있습니다.
그래서 PHP를 위해서 PHP Best Practices를 살펴보면……
하지만 현실은…. PHP말고 다른 것을 쓰세요. 끝
하지만 어떡합니까? 여기저기서 PHP를 많이 쓰고 있는데
2022년 기준으로도 PHP는 77.5%의 사이트에서 쓰일거라고 예상
어쨌든 상황에 따라서 PHP에 vue.js를 올려서 써야하는 상황은 종종 생길 수 있습니다.
그냥 올려놓고 써야만 하는 상황이면 다행인데, 백엔드로 돌리는 PHP에서 REST API 혹은 기타 백엔드 처리용 페이지를 돌림과 동시에 이용자는 자바스크립트로 제작된 PWA 앱을 온전히 경험해야하는 상황이죠.
해결 솔루션의 개념은 아주 간단합니다.
HMR 같은 node.js의 장점은 포기하시구요, 개발한 PWA앱을 빌드해서 서버에 그냥 업로드해서 쓰면 됩니다.
그!런!!데!!!
이렇게 그냥 업로드하면 >npm serve 혹은 >npm run dev에서 아주 잘 돌던 우리의 routing 하위 페이지들이 하나도 열리지 않습니다. 오류가 나거나 프레임워크(라라벨, 코드이그나이터 등)를 사용하는 경우에 404 페이지가 뜨겠죠.
(혹은 반대의 상황이 생길 수도 있습니다. vue.js의 라우팅 페이지는 잘 열리는데, PHP 백엔드의 API 페이지가 열리지 않는다든지 하는 등의 상황이죠.)
왜냐면,
Apache 서버에서는 routing URL을 정적 페이지(static page)로 인식해서, 실제 페이지를 구성하는 페이지의 php 파일을 찾기 때문입니다. (혹은 반대의 상황에선, 모든 하위페이지를 PWA 가상 라우팅 페이지로 인식하고, php의 정적 페이지로 연결되어야하는 페이지를 인식하지 못하는 것입니다.)
그래서, 우리는 서버에 우리가 원하는 URL을 PWA(vue)에서 처리를 할 지, Apache (혹은 nginx)에서 처리할지를 알려줘야합니다.
그 역할을 하는 것이 바로 rewrite 모듈입니다. Apache에서는 메인 폴더의 .htaccess 파일에서 처리할 수 있고, nginx 또한 설정 파일의 location /에 rewrite 내용을 입력해 줌으로써 처리할 페이지를 알려줄 수 있습니다.
실제로 운용하는 정확한 방법은 상황에 따라서 다를 수 있습니다.
그래서 여기에 htaccess 혹은 nginx 설정 내용을 올려도 그대로 적용이 안됩니다.
서버 설정에 익숙하지 않으시다면 따로 Apache와 nginx의 rewrite module의 사용법을 공부하신 다음에
하나씩 적용하시면서 내 서버의 환경에 맞는 설정을 해주셔야 합니다.
아파치에 익숙하시면, rewrite module의 내용을 nginx 문법으로 바꿔주는 사이트도 있으니까 유용하게 이용하셔도 됩니다.
직접 서버를 소유하지 못한 경우, 혹은 클라이언트의 요구가 있을 경우에 항상 적절하게 대응할 수 있는 개발팀이 되도록 합시다!
(실제로는 1,000원 미만의 국내 호스팅 사이트에서 PWA앱을 테스트하기 위한 용도로 제일 많이 쓰는 것 같아요.)
22 Responses
I’ve been surfing online more than 2 hours today, yet I
never found any interesting article like yours. It’s pretty
worth enough for me. In my view, if all website owners and
bloggers made good content as you did, the web will be much more useful than ever before.
I like this site very much, Its a real nice spot to read and get info.Raise blog range
Hello, its fastidious post about media print, we all
be aware of media is a great source of data.
Feel free to visit my web-site; A片
At this moment I am ready to do my breakfast, after having my breakfast coming again to read further news.
It’s remarkable to go to see this website and reading the
views of all friends about this piece of writing, while I am also
zealous of getting experience.
Howdy! This blog post could not be written much better!
Looking through this article reminds me of my previous roommate!
He continually kept talking about this. I’ll send this information to him.
Fairly certain he’ll have a good read. Thanks for sharing!
I’m not sure where you’re getting your information, but great topic.
I needs to spend some time learning much more or understanding more.
Thanks for wonderful info I was looking for this info for my mission.
My web blog – A片
What i do not understood is in fact how you are now not actually a lot more smartly-preferred
than you may be now. You’re so intelligent. You know therefore considerably when it comes to this topic,
made me in my opinion believe it from a lot of various angles.
Its like women and men aren’t involved except it’s something
to accomplish with Girl gaga! Your personal stuffs great.
At all times handle it up!
Hi, its good piece of writing on the topic of media print, we all be familiar with media is a impressive source
of information.
My website: av片
Приветствуем вас на нашем веб-сайте!
Здесь вы найдёте всё необходимое
для успешного управления своими финансами.
Мы предлагаем широкий спектр финансовых продуктов, которые помогут вам
достичь ваших целей и обеспечить стабильность в будущем.
В нашем ассортименте представлены различные виды банковских продуктов, инвестиции,
страхование, кредиты и многое другое.
Мы постоянно обновляем нашу базу данных, чтобы вы всегда были в курсе последних
тенденций и инноваций на финансовом рынке.
Наши специалисты помогут вам выбрать
наиболее подходящий продукт, учитывая
ваши индивидуальные потребности и предпочтения.
Мы предоставляем консультации
и рекомендации, чтобы вы могли принять обоснованное решение и избежать возможных рисков.
Не упустите возможность воспользоваться нашими услугами и откройте для
себя мир финансовых возможностей!
Заходите на наш сайт, ознакомьтесь с каталогом продуктов и
начните свой путь к финансовой стабильности прямо сейчас!
кредитная карта с доступом к премиальным услугам
Thanks to my father who informed me concerning this web site, this web
site is in fact amazing.
Visit my web blog 마닐라카지노
Excellent blog you have got here.. It’s difficult to
find good quality writing like yours nowadays.
I seriously appreciate individuals like you! Take care!!
Dear fans of football matches
Like me, you probably bet on football matches and probably haven’t become
lotto millionaires or at least successful players yet.
If this is the case, then my proposal is extremely suitable for you!
It comes down to this: I offer to teach you the art of football betting to multiply your chances of success with your bets.
Betting is the art of making the right choices and therefore
it is critical to be able to avoid the pitfalls in it.
The system I offer you requires that you possibly maintain your databases from
which you draw information for your final betting choice using the linear regression made according to my algorithm.
This is a highly accurate system that guarantees incredible Swarm on a monthly and yearly
basis!
If you are busy and don’t care about maintaining your databases, which is
really time-consuming and partly difficult to apply in our busy life,
I offer you a second option, namely to use ready-made results from sites like “int.soccerway.com “, which you will then double-check: once the so-called
“fair odds ratios” will be determined, and then you will do a second control analysis using my kind of linear regression.
This is a fairly quick way to determine your favorite matches to bet on, but it
does not have the determination of the advance reliability of the predictions as
in option #1, but still has its familiarity of over
65% as an average result for the various football championships.
Thank you for your attention
Doctor Dimitar Kehaiov
City of Burgas
Residential complex Meden Rudnik, Block 185, Entrance #2, office #11
Bulgaria
It’s really a nice and useful piece of information.
I’m glad that you simply shared this useful information with
us. Please stay us up to date like this. Thank you for sharing.
Feel free to visit my web site: 인계동테라피
This is my first time pay a visit at here and i am in fact pleassant
to read everthing at alone place.
I loved as much as you’ll receive carried out right here.
The sketch is attractive, your authored material stylish.
nonetheless, you command get bought an impatience over
that you wish be delivering the following. unwell unquestionably come
more formerly again as exactly the same nearly
a lot often inside case you shield this hike.
Its such as you learn my thoughts! You appear to know so much about this, like you wrote the e
book in it or something. I believe that you could do with some percent to pressure the message house
a bit, but instead of that, that is great blog.
An excellent read. I’ll definitely be back.
https://betovisgiris.com/ sex,porn,xxx,milf sex,
public sex
You can certainly see your enthusiasm within the work you write.
The sector hopes for more passionate writers like you who are not afraid
to mention how they believe. All the time go after your
heart.
Here is my web-site :: 바이너리 옵션
Nice post. I used to be checking continuously this blog and I
am inspired! Very useful information specially the final part 🙂 I
handle such information much. I was looking for this particular info for a very
long time. Thank you and good luck.
Also visit my web-site 바이너리 옵션
It’s remarkable designed for me to have a web site, which is
good for my experience. thanks admin
My web page: 바이너리 옵션
Wow! This blog looks exactly like my old one! It’s on a totally different topic but it has pretty much the same page layout and design. Great choice of colors!
Thank you, I’ve just been searching for info approximately this topic for a long time and yours is the greatest I have came upon till now. But, what in regards to the bottom line? Are you positive in regards to the source?