Vendure-스마트 쇼핑 선택
네가 필요로 하는 모든 것은 네가 필요로 하지 않는 것이 없다
2021년과 비교하면 2022년 온라인 매출은 16.1% 계속 증가할 것으로 예상되는데 2021년 자체가 기록적인 해다.그러나 예견할 수 있는 미래에도 대면 쇼핑은 평준화될 것으로 보인다.많은 기업주들이 온라인 판매의 장점을 찾으려고 하면서 대량의 인터넷 상점이 처음으로 개업하게 되었다.
자신이나 고객을 위해 온라인 상점을 설립할 때 수요가 끊임없이 증가하기 때문에 많은 선택이 있다.많은 고객과 기업주들은 상점이 쉽게 유지보수되고 건설이 신속하며 원가 효율이 높기를 바란다.목록의 모든 상자를 검사하는 것은 작은 작업이 아닙니다. 많은 개발자와 가게 주인들은 Shopify나Word Press와 같은 단일 옵션을 선호합니다. 왜냐하면 구축 속도가 매우 빠르기 때문입니다.많은 사람들이 이러한 옵션을 사용할 때 직면하는 문제는 맞춤형 제작이 존재하지 않을 수도 있고, 비싸게 (플러그인) 될 수도 있으며, 그다지 뛰어난 고객 서비스 체험을 창조하기 쉽다는 것이다.
다른 한편, 소비자들은 그들의 온라인과 모바일 쇼핑 체험에 대한 기대가 그 어느 때보다 높다.소비자들은 보편적으로 가볍고 개성화된 인터넷 쇼핑 체험을 좋아한다.
무두점포는 전통적인 단일 플랫폼에 세울 수 있지만, 이것은 보통 비싼 플러그인에 의존하여 표준적인 백엔드 기능을 실현하게 한다.다른 비교적 새로운 선택은 통상적으로 비교적 높은 월정액 및/또는 전체 매출액의 백분율을 가져올 수 있다.완전한 개발팀을 고용할 재력이 없는 많은 소기업들에게 이것은 주요 장애물이다.
나는 최근에 상술한 두 가지 옵션보다 좋은 옵션을 발견했다. Vendure.io 이것은 머리 없는 전자상거래 구조로 설치하기 쉽고 위탁 관리 원가가 낮으며 (500만 달러) 관리 계기판 (cough wp) 에 무너질까 봐 걱정할 필요가 없다.관리 계기판은 아름답고 직관적이어서 고객에게 맡기기에 매우 적합하다.Vendure는 Michael Bromley가 개발하여 2019년에 발표했고 방금 1.4 버전을 발표했다.나는 이제 막 Vendure를 사용하기 시작했지만, 내가 보기에 매우 두드러진 몇 가지 부분을 강조했다.Vendure를 사용하기 위한 빠르고 간단한 방법도 보여 드리겠습니다.
짓다
특징.
- 사용자 정의 가능
- 신축 가능
- 비용 효율성
- 친근하다
시작해보도록 하겠습니다.
5. 선결 조건
타자 스크립트 기본 이해
노드에 대한 기본적인 이해.js
GraphQL에 대한 기본적인 이해
SQL 및 데이터베이스에 대한 기본 이해
이것은 초보자의 지침과 설정으로 완전한 기능에 들어가지 않은 자동판매기라는 것을 명심하세요.이오.
~#~#~#~#~#~#~#~
니가 새로운 노드의 세계라면jsNode.js.
GraphQL 초보자GraphQL라면
SQL 초보인 경우SQL.
만약 당신이 타자기의 초보라면TypeScript.
~#~#~#~#~#~#~#~
시작!
1단계: 새 터미널 창을 열고 다음 명령을 입력합니다.
npx @vendure/create my-app
2단계: 데이터베이스를 선택합니다. 이 강좌에서 SQLite 데이터베이스를 사용할 것입니다.3단계: 이 강좌에서 TypeScript를 사용하는 언어 선택
4단계: 샘플 데이터?네,감사합니다.
5단계: 사용자 이름과 비밀번호?기본 설정인 슈퍼admin/superadmin을 사용합니다.나중에 대시보드에서 변경할 수 있습니다.
6단계: 명령 실행
cd my-app
yarn start
7단계: 몇 분 정도 걸리기 때문에 근육을 풀고 맥주와 커피를 마시며 자판기 서버를 설치하는 것을 축하할 수 있는 좋은 시기입니다.잘했어!당신은 지금 아래의 내용을 방문할 수 있을 것입니다
The Vendure Admin GraphQL API: http://localhost:3000/admin-api
The Vendure Shop GraphQL API: http://localhost:3000/shop-api
The Vendure Admin UI: http://localhost:3000/admin
하지만 그게 무슨 뜻이야...?
Admin GraphQL API: http://localhost:3000/admin-api = Store permissions
GraphQL API: http://localhost:3000/shop-api = Putting items on the shelves and general store operations
Admin UI: http://localhost:3000/admin= View from the bosses desk
(high five!)
가게를 창설하다
Vue와 Next의 두 가지 통합이 현재 유행하고 있습니다.
저는 Next over Vue를 좋아하기 때문에 다음 js 매장을 만들도록 하겠습니다.
첫걸음Vendure 서버가 토큰이 아닌 쿠키인지 확인
두 번째 단계.갈라진 다음에 이 환매를 복제https://github.com/vercel/commerce
세 번째.NPM 을 설치한 다음 을 생성합니다.환경프로젝트 루트 디렉터리에 로컬 파일을 만들고 다음 내용을 추가합니다
COMMERCE_PROVIDER=vendure
NEXT_PUBLIC_VENDURE_SHOP_API_URL=http://localhost:3000/shop-api
NEXT_PUBLIC_VENDURE_LOCAL_URL=/vendure-shop-api
네 번째 단계.이제 tsconfig를 다시 검사합시다.json 파일을 만들고 정확한 프레임워크를 설정했는지 확인하십시오.26 행에서 30 행까지의 "local"대신 Vendure를 선택한 프레임으로 표시해야 합니다. "@components/*": ["components/*"],
"@commerce": ["framework/commerce"],
"@commerce/*": ["framework/commerce/*"],
"@framework": ["framework/vendure"],
"@framework/*": ["framework/vendure/*"]
다섯 번째.터미널에서 "npm run dev"명령을 입력하여 가게를 시작합니다.너는 지금 시범 물품이 가득한 상점을 보아야 한다.연결성을 확인하려면 Vendure admin 대시보드로 이동합니다.일단 서명하면 우리는 제품과 시리즈를 추가할 수 있다.
만약 우리가 가게를 되돌아보고 본다면, 우리는 내비게이션 표시줄에 우리가 만든 새로운 종류가 열거되어 있고, 빠른 검색은 로그인 페이지에 표시되지 않은 새로운 제품을 표시할 것이다.
다음 js 매장에는 Tailwind CSS가 설치되어 있습니다.유일하게 해야 할 일은 너의 개인적인 촉감을 높이는 것이다!
타다 너 망했어.
만약 당신이 자판기 설치에 대해 궁금한 것이 있다면, 슬랙 채널은 남을 돕고 지식이 풍부한 사람들로 가득 차 있다. https://vendure-ecommerce.slack.com
Reference
이 문제에 관하여(Vendure-스마트 쇼핑 선택), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/mematthew123/vendure-the-smart-shopify-alternative-54k4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)