是的，我創建了一個沒有后端的電子商務商店（無服務器，HTML，CSS和JS），不錯，你沒有看錯！我創建了一個電子商務（或電子商店）網站，沒有一行后端編程語言。我的職業生涯曾經是一名前端開發人員（雖然我知道后端）。因此，對于創建電子商務網站的這個新項目， 我就不想使用我常用的工具，因為它們都涉及到后端。可以使用哪些工具來創建電子商務網站？作為一個認為PHP是最好語言的Web開發人員，我所知道的創建電子商店的工具是開源CMS有：Magento，Prestashop和WooCommerce。問題：它們涉及后端編程（我想在這里避免）。還有其他托管平臺，如：Shopify，SquareSpace和Wix。問題：如果添加CSS和JS庫，維護主題Theming有時會很痛苦。這就是我遇到Stripe Checkout和Stripe Orders的方式。問題：結賬很容易，但處理庫存和其他東西很麻煩。那么我最后選擇了什么？完全隨機，我在Facebook上發現了Snipcart！經過一番搜索和思考，我將使用Stripe，因為他們有一個很好的文檔，幸運的是，我在閱讀一些Facebook的開發組帖子時掉在Snipcart坑。簡而言之，Snipcart有一個SDK，就像任何其他JS SDK或庫一樣。此SDK鏈接到您的Snipcart帳戶的ID，你可以在其中管理訂單，產品和其他內容（運輸，稅收......！）。你只需要3件事就可以運行：1. 注冊并將SDK添加到您的網站。2. 他們的爬蟲必須在您的頁面上找到產品定義3. 在你的網站上隨處添加一些添加到購物車按鈕！在那里，我遇到了第一個問題。如果我使用SPA，我的產品將不會在頁面加載時呈現，除非在標記中靜態地添加我的產品。現在有3個選項：靜態HTML文件，SSR或Prerendering。我決定使用webpack的prerender-spa-plugin.進行預渲染：1. 對于本機JS：你可以使用任何靜態站點生成器，如Jekyll，Hugo ......2. 對于任何JS SPA：您可以使用webpack prerender-spa-plugin。好的，我們如何設置一個無服務器僅有前端的電子商務網站？1. 首先，注冊https://snipcart.com。2. 然后，在您的帳戶中，轉到個人資料 - > api密鑰或點擊以下鏈接：https：//app.snipcart.com/dashboard/account/credentials。3. 你會看到一個代碼片段，基本上只是一些腳本標簽鏈接到jQuery的（是啊...）的Snipcart SDK與您的API密鑰。5. 在HTML中，粘貼代碼片段。7. 添加產品定義（ID，價格，名稱和URL是必需的）：https://docs.snipcart.com/configuration/product-definition。8.data-item-url是用來定位在本產品確定指標呈現。在訂單的最后一步，Snipcart將驗證購物車中的產品是否與定義的產品相匹配。這是為了確保沒有人用JS 改變價格。9.添加prerender-spa-plugin以及要生成/呈現的URL。10.如果要在購物車中顯示商品數量，請添加定制配置11.有兩個CSS類是必需的，它們被Snipcart用于注入相應的數據：https://docs.snipcart.com/getting-started/the-cart 。現在，一切似乎都很好，用npm run serve測試它，如果一切正常，用npm run build或yarn build構建它。主機用什么？在console.firebase.google.com上創建Firebase項目。轉到菜單中的主機并按照指示進行操作。完成所有指示后，編輯firebase.json。我們將公共目錄更改為dist，但是，如果你的構建文件夾的名稱不同，請將其重命名為構建文件夾的任何內容。我們添加了一些重寫以允許使用SPA（除現有文件或文件夾之外的所有URL都重定向到index.html，類似于Apache重寫）。就是這樣！這是我制作的電子商務網站：https://futari.fr。這就是我創建一個電子商務網站的方式，沒有一行后端，只有一個靜態文件托管服務（與AWS S3一樣）。

非常感謝您讀完創新互聯的這篇文章："「轉載」我創建了一個無后端的電商網站！"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優化、小程序制作等服務，歡迎聯系我們提供您的需求。

分享名稱：「轉載」我創建了一個無后端的電商網站！
分享鏈接：http://www.js-pz168.com/news23/311873.html

成都網站建設公司_創新互聯，為您提供微信公眾號、虛擬主機、網頁設計公司、響應式網站、靜態網站、全網營銷推廣

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯