1. Alat instalasi (pekerjaan persiapan)
Kompleksitas penerapan proyek ini relatif tinggi (mereka yang tertarik mempelajari tumpukan teknologi ini dapat mencoba penerapannya)
1. Mari kita instal node.js terlebih dahulu [http://nodejs.cn/download/]
2. Win+r masukkan cmd dan klik OK untuk membuka input panel baris perintah (instal cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Setidaknya diperlukan dua alat pengembangan untuk menjalankan proyek, satu alat pengembang Hbuildex;
Alamat unduhan Hbuildex: Unduh versi pengembangan aplikasi
Alat Pengembang WeChat: Unduh versi stabil
4. Buka platform publik WeChat—Daftarkan Program Mini—Dapatkan Appid—Kembangkan Manajemen—Dapatkan Appid di Pengaturan Pengembangan
2. Konfigurasi basis data awan
diancan-user: Paket kode ini adalah kode program kecil
1. Masukkan paket kode ke dalam Hbuildex, buka file manifest.json, dan ubah Aplikasi Program Mini WeChat ke ID Program Mini yang Anda daftarkan.
Ubah env di file APP.vue ke id lingkungan Anda sendiri (id lingkungan diperoleh dalam pengembangan cloud alat pengembang WeChat) dan ikuti petunjuk untuk membuat pengembangan cloud dan lingkungan pengembangan cloud.
2. Pilih proyek yang diancan-user dengan mouse, lalu klik Jalankan di bagian atas editor - jalankan ke simulator applet. Ini mungkin tidak terbuka saat ini, jadi buka alat pengembang WeChat secara manual, klik Buka port layanan dengan aman di pengaturan proxy di pengaturan, jika alat pengembang berhasil dijalankan, konsol akan melaporkan kesalahan.
3. Klik Cloud Development di bagian atas WeChat Developer Tools (jika belum diaktifkan, ikuti petunjuk untuk mengaktifkannya) untuk masuk ke Cloud Development Console, klik Database untuk membuat setiap koleksi sesuai dengan penamaan berikut:
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. Buat folder di manajer sumber daya di Alat Pengembang WeChat. Folder tersebut diberi nama: cloudfunctions. Klik kanan dan buat fungsi cloud nodejs bernama: Dish-manage, dan kemudian akan dibuat di bawah file Dish-manage kami beberapa file, kita hanya perlu mengganti file index.js yang ada di file tersebut dengan file index.js yang ada di file fungsi diancan-user/cloud.
Kemudian ganti env pada file tersebut dengan id lingkungan Anda sendiri. Kodenya adalah sebagai berikut:
cloud.init({
env: '改为你自己的云环境id'
})
Selanjutnya, klik kanan pada file Dish-manage: Unggah dan terapkan (pilih untuk tidak mengunggah node_modules), instal dependensi di cloud, dan tunggu hingga unggahan selesai, termasuk file search.js dari file di cloud fungsinya (langkah-langkahnya sama seperti di atas)
3. Modifikasi kode
1. Kembali ke paket kode pengguna, buka baris 15-16 file main.js dan src/main.js di sisi PC, sebagai berikut:
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. Konfigurasikan nama domain server (nama domain legal soket) wss://wx-hangzhou.goeasy.io dalam pengaturan pengembangan platform di manajemen pengembangan publik WeChat
3. Buka diancan-node: paket kode ini adalah ujung antarmuka
4. Buka baris 7 dan 8 file config/databaseapi.js sebagai berikut, ubah appid program mini dan secret key secret menjadi milik Anda sendiri
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. Langkah-langkah untuk mendapatkan id template:
5.1 Buka platform publik WeChat dan pilih informasi berlangganan, pilih perpustakaan templat publik untuk mencari masukan templat - pemberitahuan pesanan konfirmasi pedagang - pilih jumlah pembayaran, waktu pembayaran, dan nomor pesanan.
Catatan: Kategori layanan yang terdaftar dalam program mini harus berupa layanan informasi katering di layanan katering sebelum dapat diambil. Jika bukan informasi katering, Anda dapat menemukan kategori layanan di pengaturan platform publik WeChat kami untuk diubah atau ditambahkan dia.
5.2 Setelah memilih template, Anda dapat melihat id template di Template Saya. Kami menyalinnya dan membuka baris 70 dari file config/databaseapi.js untuk mengubah pesan langganan template_id menjadi id template Anda sendiri.
6. Buka file router/order/order.js dan ubah ketiga nama field (jumlah1, waktu2, karakter_string3) pada baris 75. (Periksa ketiga kolom Anda di Templat Saya - Detail. Lihat apakah sama dengan kolom ini, jika tidak, lakukan perubahan)
7. Kita buka lagi page/home-page/page.vue di diancan-user dan ubah template_id pada baris 121 menjadi milik kita.
4. Konfigurasi Tencent Cloud Storage (cos)
1. Buka baris 4-11 file cos/cos.js pada kode node sebagai berikut:
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
Buka tautan ini untuk mendaftar [https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fcos]. Masuk ke Tencent Cloud Object Storage buat ember. (Kita hanya perlu mengubah izin menjadi: baca publik dan tulis pribadi, dan pilih wilayah yang paling dekat dengan Anda)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. Masuk ke bucket dan buat folder untuk menyimpan file yang diupload.
Baris 18 dan 36: Kunci: 'Ubah nama folder Anda sendiri' + nama file, (kuncinya adalah folder yang Anda buat)
3. Klik kanan diancan-node di HbuliderX dan gunakan baris perintah untuk membuka direktori tempat jendela berada. Masukkan npm install --save. Kemudian jalankan nodemon app.js untuk memulai server. Jika tidak berhasil, gunakan npm run test.
5. Startup terminal manajemen latar belakang
saoma-diancan-pc: Terminal manajemen latar belakang paket kode ini
1. Klik kanan saoma-diancan-pc di HbuliderX dan gunakan baris perintah untuk membuka direktori tempat jendela berada dan masukkan npm install --save
2. Kemudian jalankan npm run serve untuk memulai proyek, buka alamat di browser, daftarkan akun dan login.
3. Buat informasi bisnis sesuai petunjuk. Saat ini, Anda dapat menambahkan kode pesanan dan mengunggah kategori hidangan dan rak.
4. Setelah menambahkan kode pemesanan dan mencantumkan hidangan di manajemen latar belakang pada langkah sebelumnya, buka alat pengembang WeChat dan kompilasi dan masukkan melalui kode QR yang Anda tambahkan.
6. Hubungkan pencetak
1. Kita harus membeli printer cloud Xinye
2. Kami menghubungkan printer ke wifi sesuai dengan instruksi manual
3. Masuk ke platform manajemen back-end printer cloud Xinye [https://admin.xpyun.net/#/login?redirect=%2Fpersonal] untuk mendaftarkan akun, lalu autentikasi untuk masuk.
4. Kemudian kita pilih - Device Management di Print Management dan masukkan nomor printer yang merupakan sn pada printer untuk menambahkan printer ke perangkat kita.
5. Kita buka file diancan-user kita dan buka file Xpyun.js di printer
Ubah kode berikut
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. Jika kita ingin mengubah konten yang dicetak oleh printer, kita masukkan file print_content.js dan lakukan perubahan sesuai toko, alamat, dan nomor telepon kita.
7. Kode tersebut online (harus diuji secara lokal tanpa masalah, dan kemudian diterapkan secara online jika dapat berjalan dengan lancar)
1.diancan-simpul
Pertama kita buka [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudconsole] lalu scan kode untuk login lalu pilih mini program yang ingin kita login. Tarik ke bawah di panel prompt dan pilih penerapan kerangka koa (mungkin memerlukan waktu lama, tunggu dengan sabar). Setelah menunggu penerapan berhasil, pilih Publikasikan, lalu pilih untuk mengunggah paket kode secara manual dan pilih folder. Kali ini, pertama-tama kita buka editor kita untuk melihat apakah ada node_modules di diancan-node kita dan menghapusnya, lalu menghapusnya. lalu pilih folder diancan-node kita. Ubah port menjadi 5000 dan pilih Publikasikan. Setelah rilis selesai, kami memilih untuk mengaksesnya menggunakan nama domain publik.
2.saoma-diancan-pc
2.1 Kita menggunakan Hbuildex untuk membukanya dan memilih api.js di folder api. Ubah kode berikut const url = 'http://localhost:5000/api/ menjadi nama domain yang baru kita dapatkan di cloud hosting.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 Klik kanan saoma-diancan-pc di hbulider, gunakan baris perintah untuk membuka direktori tempat jendela berada, masukkan npm run build, dan file dist akan muncul di bawah folder saoma-diancan-pc.
2.3 Buka alat pengembangan WeChat dan pilih Cloud Development - pilih Lainnya dan pilih Situs Web Statis. Jika tidak diaktifkan, Anda perlu mengaktifkannya. Setelah aktivasi selesai, kami memilih untuk mengunggah file dan mengunggah semua file di dist Setelah upload selesai, pilih Konfigurasi Situs Web dan salin nama domainnya, dan Anda dapat mengaksesnya secara langsung.
2.4.diancan-pengguna
Kami memilih rilis di editor Hbulid - program mini WeChat - lalu buka alat pengembangan WeChat - masuk ke alat pengembangan WeChat dan pilih rilis
