シェアリングエコノミーマーケットプレイス(https://vqmarketplace.com)用のストアフロント。 Reactで実行されます(まだreduxはありません)
リポジトリを地元の開発環境にクローンします。
git clone https://github.com/vq-labs/vq-marketplace-web-app.git // clones the repository from remote
cd vq-marketplace-web-app // goes to the repository folder
npm install // installs the npm packages from ./package.json
レビュー.env.Env.exampleファイルと必要な変更を最初に変更してから、.envファイルに変更します。このファイルには機密情報が含まれている可能性があるため、このファイルをコミットしないでください。したがって、.gitignoreに無視するルールがあります。
ENV=production //if you run it with an env other than production,
//npm start will also watch for file changes and restart.
PORT=4000
API_URL=http://localhost:8080/api //this is the API url that you connect to.
//If you run vq-marketplace-platform API, you can leave it as it is
TENANT_API_URL=http://localhost:8081/api //this is the URL that manages multi-tenancy.
//If you specify TENANT_ID it means you are only running one tenant
//therefore you can leave this as it is
TENANT_ID=test //this is the TENANT_ID, in other terms the name of the marketplace that you want to setup.
//can be anything. only accepts slug-style.
//By default, all the TENANT_ID in all parts of the app (API, WEB-APP) are test.
//If you change it please make sure that all your env files on every repository
// related to this project has the same TENANT_ID
これにより、LocalHost:3000でアプリが開始されます。アプリは、VQ-MarketPlace-APIがhttp:// localhost:8080で入手可能であると想定します。
npm start
VQ Marketplaceを使用すると、公式のVQ Webサービスを使用しながら、独自のマーケットプレイスストアフロントで作業できます。 VQ-Labsがホストする市場にいつでも接続できます。アプリケーションを構築するときに、VQ_API_URLを調整するだけです。
npm start
それを試してすぐに起動し、既存の市場に接続するには、以下を入力してください。
// starts rental marketplace TaskBee (ala TaskRabbit)
npm run start:taskbee
// starts rental marketplace AirHome (ala AirBnB)
npm run start:airhome
// starts offers marketplace Talentwand (ala Fiverr)
npm run start:talentwand
node ./node_modules/gulp/bin/gulp.js build --API_URL=https://taskrabbit.vqmarketplace.com/api && node scripts/start.js
Amazon S3でファイルをホストできます。 S3-Deployがグローバルにインストールされていることを確認してください。
npm install s3-deploy --g
AWS資格情報は、環境変数を介して、または〜/.aws/資格情報ファイルを介して提供できます。詳細については、http://docs.aws.amazon.com/cli/latest/topic/config-vars.html。 AWS資格情報のデフォルトを必ず定義してください。これは、展開中に不足している資格情報のエラーを防ぐのに役立ちます。 ALTENRITALでは、AWSのウィザードを使用できます。
aws configure
次のコマンドは、アプリをS3バケットに準備、構築、展開します。
AWS_BUCKET_NAME=xxx.vqmarketplace.com
AWS_REGION=eu-central-1
VQ_API_URL=yourMarketplaceId.vqmarketplace.com
npm run deploy
これらの環境でアプリケーションをテストしましたが、.nvmrcとpackage.jsonエンジンがヒントを取得するためにセットアップされています。(nvmを使用する場合は、.nvmrcファイルを考慮に入れるNVM使用を行うことができます)
NodeJS 7.2.1およびNPM 3.10.9 Macos Sierra 10.12.6、NodeJS 8.3.0、NPM 5.6でWindows 10、Nodejs 9.0.0およびNPM 5.5.1 AWS Linux Ubuntu 16.04.2
反応します
Chrome (最新バージョン)
Safari (最新バージョン)
Support Internet ExplorerとMicrosoft Edge(最新バージョン) VQ Marketplace Web-Appは、Internet Explorerの最新バージョンでも実行することを目的としています。ただし、現在の開発は、このブラウザでは特別にテストされていません。サポートページで問題を送信してください。
モバイルアプリはVQ Labsが別々に提供しているため、モバイルサポートVQ Marketplace Web-Appはモバイル画面を完全にサポートすることで開発されていません。現在の開発は、モバイル画面で特別にテストされていません。
ただし、Webアプリは、さまざまなモバイルデバイスとスクリーンサイズを獲得することを目的としています。サポートページで問題を送信してください。
https://vqlabs.freshdesk.com/support/home
次の分岐モデルに従います:http://nvie.com/posts/a-successful-git-branching-model/
mit
VQラボ