Coder Social home page Coder Social logo

mazete's Introduction

mazete

run the production server:

npm install
npm run build

on nginx

sudo cp -r dist/* /var/www/html/

install docker

https://www.softek.co.jp/SID/support/sidfmvm/guide/install-docker-ubuntu1804.html

on docker (nginx)

cp -r dist .docker/
cd .docker
sudo docker build -t mazete-front ./ --no-cache=true
sudo docker run -d -p 80:80 mazete-front
更新のときは一旦停止する必要がある(もっとスマートな方法はないか)
sudo docker stop $(sudo docker ps -q)

on cloud run

https://zenn.dev/hayatoomori/articles/83880221350f7e#google-container-registory%E3%81%ABimage%E3%82%92push%E3%81%99%E3%82%8B
ただし、dockerのpush先はcontainer registryではなくartifact registryの方が良さそう
gcpの管理画面でartifact registryを有効にするとチュートリアルができるのでpushするイメージだけ差し替えて実行
ただし、チュートリアル通りにやっても認証がうまく行かず、以下のページに従ってサービスアカウントにartifact registryのロールを付与し認証
https://cloud.google.com/container-registry/docs/advanced-authentication
認証が本当に必要だったのかははっきりしない

on aws s3+cloudfront

sudo apt install awscli
aws configure cd dist aws s3 sync ./ s3://mazete-front
以後は
https://qiita.com/kskinaba/items/dcf68b32ddaebc904929

mazete's People

Contributors

denysza avatar yohei-kobashi avatar cool-princess avatar georgelxl avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.