1. 설치도구(준비작업)
이 프로젝트의 배포 복잡성은 상대적으로 높습니다(이 기술 스택을 배우고 싶은 사람들은 배포를 시도해 볼 수 있습니다).
1. 먼저 node.js를 설치해보자 [http://nodejs.cn/download/]
2. Win+r cmd를 입력하고 확인을 클릭하여 명령줄 패널 입력을 엽니다(cnpm 설치).
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 프로젝트를 실행하려면 최소한 두 개의 개발 도구가 필요합니다. 하나는 Hbuildex 개발자 도구입니다.
Hbuildex 다운로드 주소 : 앱 개발 버전 다운로드
WeChat 개발자 도구: 안정 버전 다운로드
4. WeChat 공개 플랫폼 열기 - 미니 프로그램 등록 - Appid 받기 - 관리 개발 - 개발 설정에서 Appid 받기
2. 클라우드 데이터베이스 구성
diancan-user: 이 코드 패키지는 작은 프로그램 코드입니다.
1. 코드 패키지를 Hbuildex에 넣고 매니페스트.json 파일을 열고 WeChat 미니 프로그램 Appid를 등록한 미니 프로그램 ID로 변경합니다.
APP.vue 파일의 env를 자신의 환경 ID로 변경하고(환경 ID는 WeChat 개발자 도구의 클라우드 개발에서 얻음) 프롬프트에 따라 클라우드 개발 및 클라우드 개발 환경을 만듭니다.
2. diancan-user 프로젝트를 마우스로 선택한 후, 에디터 상단의 Run을 클릭하여 애플릿 시뮬레이터를 실행합니다. 현재 열리지 않을 수 있으므로 WeChat 개발자 도구를 수동으로 열고 설정의 프록시 설정에서 서비스 포트 안전하게 열기를 클릭합니다. 개발자 도구가 성공적으로 실행되면 콘솔에 오류가 보고됩니다.
3. WeChat 개발자 도구 상단에 있는 Cloud Development를 클릭하여(아직 활성화되지 않은 경우 프롬프트에 따라 활성화) Cloud Development Console에 들어가고, Database를 클릭하여 다음 이름에 따라 각 컬렉션을 생성합니다.
business - acc :商家账号：权限{所有用户可读，仅创建者可读写}
shop - infor :商家信息：同上
dishes - category :菜品类目：同上
dishunit:菜品单位：同上
dishes - data :菜品管理：自定义权限把以下代码粘贴进去{ "read" : true , "write" : true }
order - data：存储订单：权限{仅创建者可读写}
seven_day_sales:存储每一天的销售额：自定义权限把以下代码粘贴覆盖进去
{ "read" : true , "write" : true }
table_qr_code:桌号管理：权限{所有用户可读，仅创建者可读写} 4. WeChat 개발자 도구의 리소스 관리자에 폴더 이름을 만듭니다. cloudfunctions. 마우스 오른쪽 버튼을 클릭하고 Dish-manage라는 nodejs 클라우드 함수를 생성하면 Dish-manage 파일 아래에 생성됩니다. 일부 파일의 경우 파일의 index.js 파일을 diancan-user/cloud 함수 파일의 index.js로 바꾸면 됩니다.
그런 다음 파일의 env를 자신의 환경 ID로 바꾸십시오. 코드는 다음과 같습니다.
cloud.init({
env: '改为你自己的云环境id'
})
다음으로 Dish-manage 파일을 마우스 오른쪽 버튼으로 클릭합니다. 업로드 및 배포(node_modules를 업로드하지 않도록 선택)하고, 클라우드에 종속성을 설치하고, 클라우드에 있는 파일의 search.js 파일을 포함하여 업로드가 완료될 때까지 기다립니다. 기능 (단계는 위와 동일합니다)
3. 코드 수정
1. 사용자 코드 패키지로 돌아가서 다음과 같이 PC 측에서 main.js 파일의 15-16행과 src/main.js를 엽니다.
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. WeChat 공개 개발 관리의 플랫폼 개발 설정에서 서버 도메인 이름(소켓 법적 도메인 이름) wss://wx-hangzhou.goeasy.io를 구성합니다.
3. diancan-node 열기: 이 코드 패키지는 인터페이스 끝입니다.
4. 다음과 같이 config/databaseapi.js 파일의 7행과 8행을 열고 미니 프로그램 appid와 secret key secret을 원하는 대로 변경합니다.
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. 템플릿 ID를 얻는 단계:
5.1 WeChat 공개 플랫폼을 열고 구독 정보를 선택하고, 공개 템플릿 라이브러리를 선택하여 템플릿 입력을 검색합니다. - 판매자 확인 주문 알림 - 결제 금액, 결제 시간 및 주문 번호를 선택합니다.
참고: 미니 프로그램에 등록된 서비스 카테고리는 케이터링 서비스의 케이터링 정보 서비스여야만 검색할 수 있습니다. 케이터링 정보가 아닌 경우 WeChat 공개 플랫폼 설정에서 서비스 카테고리를 찾아 변경하거나 추가할 수 있습니다. 그것.
5.2 템플릿을 선택한 후 내 템플릿에서 템플릿 ID를 볼 수 있습니다. 이를 복사하고 config/databaseapi.js 파일의 70행을 열어 구독 메시지 template_id를 자신의 템플릿 ID로 변경합니다.
6. router/order/order.js 파일을 열고 75행에서 세 개의 필드 이름(amount1, time2, Character_string3)을 변경합니다. (내 템플릿 - 세부 정보에서 세 개의 필드를 확인하세요. 이 필드와 동일한지 확인하고, 그렇지 않은 경우 변경하세요.)
7. diancan-user에서 Pages/home-page/page.vue를 다시 열고 121행의 template_id를 우리 고유의 것으로 변경합니다.
4. Tencent Cloud Storage(cos) 구성
1. 다음과 같이 노드 코드에서 cos/cos.js 파일의 4-11행을 엽니다.
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
등록하려면 이 링크를 엽니다. [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos] Tencent Cloud Object Storage를 찾아 선택합니다. 버킷을 생성합니다. (공개 읽기 및 비공개 쓰기 권한만 수정하고 가장 가까운 지역을 선택하면 됩니다.)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. 버킷을 입력하고 업로드된 파일을 저장할 폴더를 생성합니다.
18행 및 36행: 키: '자신의 폴더 이름으로 변경' + 파일 이름, (키는 생성한 폴더입니다)
3. HbuliderX에서 diancan-node를 마우스 오른쪽 버튼으로 클릭하고 명령줄을 사용하여 창이 있는 디렉터리를 엽니다. 성공하면 node_modules 패키지가 나타납니다. 그런 다음 nodemon app.js를 실행하여 서버를 시작합니다. 성공하지 못하면 npm run test를 사용하세요.
5. 백그라운드 관리 단말의 기동
saoma-diancan-pc: 이 코드 패키지의 백그라운드 관리 터미널
1. HbuliderX에서 saoma-diancan-pc를 마우스 오른쪽 버튼으로 클릭하고 명령줄을 사용하여 창이 있는 디렉터리를 열고 npm install --save를 입력합니다.
2. 그런 다음 npm run submit을 실행하여 프로젝트를 시작하고 브라우저에서 주소를 열고 계정을 등록한 후 로그인합니다.
3. 안내에 따라 업체 정보를 생성합니다. 이때 주문 코드를 추가하고 요리 카테고리와 진열대를 업로드할 수 있습니다.
4. 전 단계에서 주문코드를 추가하고 백그라운드 관리에서 요리 목록을 작성한 뒤, 위챗 개발자 도구로 가서 추가한 QR코드를 통해 컴파일하고 입력합니다.
6. 프린터 연결
1. Xinye 클라우드 프린터를 구매해야 합니다
2. 사용 설명서에 따라 프린터를 Wi-Fi에 연결합니다.
3. Xinye 클라우드 프린터 백엔드 관리 플랫폼[https://admin.xpyun.net/#/login?redirect=%2Fpersonal]에 들어가 계정을 등록한 후 인증하여 입장합니다.
4. 그런 다음 인쇄 관리에서 장치 관리를 선택하고 프린터의 sn인 프린터 번호를 입력하여 장치에 프린터를 추가합니다.
5. diancan-user 파일을 열고 프린터에서 Xpyun.js 파일을 엽니다.
다음 코드를 수정하세요.
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. 프린터로 인쇄된 내용을 변경하려면 print_content.js 파일에 들어가서 매장, 주소, 전화번호에 맞게 변경하면 됩니다.
7. 코드가 온라인 상태가 됩니다. (문제 없이 로컬에서 테스트한 후 원활하게 실행될 수 있으면 온라인으로 배포해야 합니다.)
1.diancan 노드
먼저 [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole]을 연 다음 코드를 스캔하여 로그인한 다음 로그인할 미니 프로그램을 선택합니다. 프롬프트 패널을 아래로 당겨서 선택합니다. koa 프레임워크 배포(시간이 오래 걸릴 수 있음), 인내심을 갖고 기다리세요. 배포가 성공할 때까지 기다린 후 게시를 선택한 다음 코드 패키지를 수동으로 업로드하도록 선택하고 폴더를 선택합니다. 이때 먼저 편집기를 열어 diancan-node에 node_modules가 있는지 확인하고 삭제합니다. 그런 다음 diancan-node 폴더를 선택하세요. 포트를 5000으로 변경하고 게시를 선택합니다. 릴리스가 완료된 후 공개 도메인 이름을 사용하여 액세스하도록 선택합니다.
2.사오마-디안칸-PC
2.1 Hbuildex를 사용하여 열고 api 폴더에서 api.js를 선택합니다. 다음 코드 const url = 'http://localhost:5000/api/를 클라우드 호스팅에서 얻은 도메인 이름으로 변경합니다.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 hbulider에서 saoma-diancan-pc를 마우스 오른쪽 버튼으로 클릭하고 명령줄을 사용하여 창이 위치한 디렉터리를 열고 npm run build를 입력하면 saoma-diancan-pc 폴더 아래에 dist 파일이 나타납니다.
2.3 WeChat 개발 도구를 열고 클라우드 개발을 선택합니다. 자세히를 선택하고 정적 웹사이트를 선택합니다. 활성화되지 않은 경우 활성화가 완료되면 파일을 업로드하고 dist의 모든 파일을 업로드하도록 선택합니다. 폴더 업로드가 완료되면 웹사이트 구성을 선택하여 도메인 이름을 복사하시면 바로 접속하실 수 있습니다.
2.4.diancan 사용자
Hbulid 편집기(미니 프로그램 WeChat)에서 릴리스를 선택한 다음 WeChat 개발 도구를 엽니다. WeChat 개발 도구에 들어가서 릴리스를 선택합니다.
