フルスタックのオープンソース電子商取引の夢を追う
4413 ワード
あなたはそれがゼロからecommerceストアを構築するようなものだろうか?すべてのこれらの注文、製品、カテゴリなどを扱う時間と時間がかかるリソースは、市場のリーダーになるために競合他社を打ちたいと思っている人として持っていない可能性がありますリソースです.そして、私はあなたが何もから始めるのではなく、固体レゴレンガ成分からお店を構築するために使用できるツールが既に実装されていることをあなたに言った場合はどうですか?そして、これらのツールは、可能な限り最高のプロジェクトを構築するために彼らの知識を共有している世界中の何千人もの開発者によってサポートされている場合は?そして最後に、私は、これらのツールは無料でオープンソースであり、あなたが数分でそれらをテストすることができますし、開発者がソフトウェアを構築するために待っているのではなく、週または数ヶ月待って、単一の行のコマンドを使用していることを教えてください?それは夢のように聞こえませんか?
私はあなたに夢のスタックをプレゼントVue Storefront & Vendure .
我々は最近Vueで話をした.ロンドンについては、ここでチェックアウトすることができます
ドリームスタック
Vue Storefrontは、ヘッドレスの商業のための稲妻の速いフロントエンドプラットホームです.あなたのサイトのパフォーマンスを向上させる、顧客の旅の形状とVueストレージフロント、あなたが必要となる最後のフロントエンドとの開発者の創造性を解放します.
ベンダーは、それがあなたの選択のテクノロジーであなたの店正面アプリケーションを実装するのを自由にして、そのGLLQL APIを通して内容を届けるという意味で、ヘッドレスフレームワークです.ベンダーは開発者の生産性を最優先にするフレームワークは、typemcriptで書かれ、NPMの生態系に組み込まれています.typescriptとgraphqlの組み合わせはエンドツーエンド型の安全性を提供します.
テストしてもいいですか.
はい、あなたはできます!Vueの店舗とベンダーの統合は、現在のバージョン1.0.0では、すでにテストすることができます!
ベンダー
まず、ローカルのベンダーサーバーを設定する必要があります.あなたのニーズに最適なオプションを選択します.
SQLiteのデータベース プログラミング言語としてのタイプスクリプト 模擬データを収容する 管理者用のユーザ名とパスワード 次に、プロジェクトディレクトリに移動し、AventOptionsプロパティを変更します.設定.TS
Vue貯蔵所
まず最初に、Vue Storefront CLIをグローバルにインストールします
その後、プロジェクトディレクトリとコピーに移動します.環境変数ファイルの例.env
Integration docs
概要
あなたは成功を収めたモダンな技術を使用してフルスタックオープンソースのeコマースストアを作成しました.よくできた!
あなたが経験が好きであるならば、これらのプロジェクトのすべてでGithubスターを確実にしてください. Vendure Vue Storefront Vue Storefront & Vendure Integration
ボーナス
ベンダ、Vueの店舗と統合自体についての詳細を知るためにチェックアウト.
私はあなたに夢のスタックをプレゼントVue Storefront & Vendure .
我々は最近Vueで話をした.ロンドンについては、ここでチェックアウトすることができます
ドリームスタック
Vue Storefrontは、ヘッドレスの商業のための稲妻の速いフロントエンドプラットホームです.あなたのサイトのパフォーマンスを向上させる、顧客の旅の形状とVueストレージフロント、あなたが必要となる最後のフロントエンドとの開発者の創造性を解放します.
ベンダーは、それがあなたの選択のテクノロジーであなたの店正面アプリケーションを実装するのを自由にして、そのGLLQL APIを通して内容を届けるという意味で、ヘッドレスフレームワークです.ベンダーは開発者の生産性を最優先にするフレームワークは、typemcriptで書かれ、NPMの生態系に組み込まれています.typescriptとgraphqlの組み合わせはエンドツーエンド型の安全性を提供します.
テストしてもいいですか.
はい、あなたはできます!Vueの店舗とベンダーの統合は、現在のバージョン1.0.0では、すでにテストすることができます!
ベンダー
まず、ローカルのベンダーサーバーを設定する必要があります.あなたのニーズに最適なオプションを選択します.
npx @vendure/create <project_name>
このチュートリアルでは、最も簡単な設定を選びます.cd <project_name>
// vendure-config.ts
...
authOptions: {
tokenMethod: 'bearer', // authorization header method
requireVerification: false, // disable register by email verification
},
最後に、サーバーを起動しますyarn start
Vue貯蔵所
まず最初に、Vue Storefront CLIをグローバルにインストールします
yarn global add @vue-storefront/cli
次に、プロジェクトを初期化し、名前を置き換えますvsf init <project_name>
選択販売その後、プロジェクトディレクトリとコピーに移動します.環境変数ファイルの例.env
cd <project_name>
cp .env.example .env
最後に、依存関係をインストールし、開発モードでプロジェクトを起動しますyarn
yarn dev
そして、それ!何らかの点で迷子になったらチェックアウトしてください.概要
あなたは成功を収めたモダンな技術を使用してフルスタックオープンソースのeコマースストアを作成しました.よくできた!
あなたが経験が好きであるならば、これらのプロジェクトのすべてでGithubスターを確実にしてください.
ボーナス
ベンダ、Vueの店舗と統合自体についての詳細を知るためにチェックアウト.
Reference
この問題について(フルスタックのオープンソース電子商取引の夢を追う), 我々は、より多くの情報をここで見つけました https://dev.to/vue-storefront/chasing-the-dream-of-fullstack-open-source-ecommerce-vue-storefront-vendure-50gpテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol