GBlog-wx: บล็อกโปรแกรม WeChat ขนาดเล็ก
เราเป็นเพียงพนักงานยกกระเป๋าที่รวมสไตล์ color-ui เข้ากับอินเทอร์เฟซแบบรัศมี
รัศมีทำหน้าที่เป็นแบ็กเอนด์ และรูปแบบมินิโปรแกรมใช้ส่วนประกอบ color-ui
โปรเจ็กต์นี้ใช้รัศมีเป็นแบ็กเอนด์และเรียกอินเทอร์เฟซรัศมี สไตล์แอปเพล็ตใช้องค์ประกอบองค์ประกอบ color-ui
สร้างขึ้นโดยใช้ halo โปรดดูรายละเอียดในเอกสารประกอบของ halo: https://halo.run
ดึงรหัส
วิธีที่ 1 (เวอร์ชันเสถียร)
คลิกเพื่อเลือกเวอร์ชันล่าสุดที่จะดาวน์โหลด
วิธีที่ 2 (เวอร์ชันการพัฒนา)
git clone [email protected]:fuzui/GBlog-wx.git
นำเข้าเครื่องมือ
ลงทะเบียนบัญชีมินิโปรแกรมผ่านแพลตฟอร์มสาธารณะ WeChat และหลังจากเข้าสู่ระบบแล้ว ให้ตรวจสอบ AppID ใน开发——开发设置
ดาวน์โหลดเครื่องมือสำหรับนักพัฒนา WeChat เลือก小程序——导入项目
เลือกโฟลเดอร์ที่คุณเพิ่งโคลนและกรอก AppID ของคุณเอง
ดึงหัวข้อ
วิธีที่ 1 (เวอร์ชันเสถียร)
- คลิกเพื่อเลือกเวอร์ชันล่าสุดที่จะดาวน์โหลด
- ไปที่แบ็กเอนด์->ลักษณะที่ปรากฏ->ธีม
- คลิกปุ่มที่ด้านขวาล่างเพื่อเลือกติดตั้งธีม จากนั้นเลือก
本地上传
- เพียงเลือกแพ็คเกจธีมที่ดาวน์โหลด (zip)
วิธีที่ 2 (เวอร์ชันการพัฒนา)
- คัดลอก
https://github.com/fuzui/halo-theme-gblogwx-config
- ไปที่แบ็กเอนด์->ลักษณะที่ปรากฏ->ธีม
- คลิกปุ่มที่มุมขวาล่างเพื่อเลือกติดตั้งธีม จากนั้นเลือก
远程拉取
- วางลิงก์ที่คัดลอกไปยังที่อยู่ระยะไกลแล้วคลิกดาวน์โหลด
ระวังอย่าเปิดใช้งานหลังจากดึงธีมแล้ว เนื่องจากใช้สำหรับการกำหนดค่าเท่านั้น
การกำหนดค่า
คัดลอกและเปลี่ยนชื่อไฟล์ api-tmp.js
ใน miniprogram/config
เป็น api.js
แก้ไขการกำหนดค่า api.js
ดังนี้:
const ApiBaseUrl = ''
const Config = {
AccessKey : '' , // 接口key,必填
cloudEnv : '' , // 云环境ID
themeSettingsCache : true
}
ApiBaseUrl
คือที่อยู่แบ็กเอนด์รัศมี จะต้องเป็นชื่อโดเมนเมื่อออนไลน์ ในเครื่องมือสำหรับนักพัฒนา คุณสามารถคลิก右上角详情——本地设置
แล้วทำเครื่องหมายที่ อย่าตรวจสอบชื่อโดเมนตามกฎหมาย
AccessKey
คือ AccessKey ของ halo api เข้าสู่ระบบการจัดการแบ็กเอนด์ halo และใน系统——博客设置——高级选项——API设置
เปิดใช้งานบริการ API และตั้งค่าคีย์การเข้าถึง กรอกคีย์การเข้าถึงนี้ลงในตำแหน่งที่เกี่ยวข้องในไฟล์ js ด้านบน
cloudEnv
คือ ID สภาพแวดล้อมคลาวด์ ซึ่งจำเป็นต้องกรอกเมื่อเปิดใช้งานการแชร์โปสเตอร์ การกรองความคิดเห็น และการเข้าสู่ระบบโดยไม่ต้องใช้รหัสผ่าน
themeSettingsCache
คือการกำหนดค่าธีมว่าจะเปิดใช้งานการแคชหรือไม่ ซึ่งจะถูกเปิดใช้งานโดยค่าเริ่มต้น โดยสามารถเปลี่ยนเป็น false
ได้ในตอนเริ่มต้นเพื่ออำนวยความสะดวกในการดีบักธีม
กำหนดค่าชื่อโดเมนตามกฎหมาย
ในแพลตฟอร์มสาธารณะ WeChat ให้เพิ่มคำขอ อัพโหลดไฟล์ และดาวน์โหลดไฟล์ชื่อโดเมนทางกฎหมายใน开发——开发设置——服务器域名
เพิ่มชื่อโดเมน ApiBaseUrl
ข้างต้นลงในคำขอชื่อโดเมนทางกฎหมาย เช่น www.geekera.com
กำหนดข้อกำหนดเวอร์ชันไลบรารีพื้นฐานขั้นต่ำสำหรับมินิโปรแกรม
ในแพลตฟอร์มสาธารณะ WeChat设置- 基本设置- 基础库最低版本设置
เพื่อกำหนดค่าและบันทึกเป็นเวอร์ชัน 2.10.4
เหตุผล: "คำแนะนำสำหรับการล็อกอินมินิโปรแกรมและข้อมูลผู้ใช้ที่เกี่ยวข้องกับการปรับอินเทอร์เฟซ"
การแชร์โปสเตอร์
เปิดใช้งานฟังก์ชันโปสเตอร์การแบ่งปันบทความ
การกรองคำที่ละเอียดอ่อน
การกรองคำที่ละเอียดอ่อนในความคิดเห็นและข้อความ
เข้าสู่ระบบโดยไม่ต้องใช้รหัสผ่าน
การเข้าสู่ระบบแบบไม่มีรหัสผ่านแบ็กเอนด์
สำหรับคุณสมบัติเพิ่มเติม โปรดดูการตั้งค่าธีม
GBLOG-WX
├── cloudfunctions // 云服务
│ └── check_message // 云函数 敏感词汇过滤
│ └── get_qrcode // 云函数 小程序码生成
├── miniprogram
│ └── components // 自定义组件
│ └── admin-login // 后台登陆页
│ └── article-list // 文章列表
│ └── authorize // 微信登录
│ └── comment // 评论列表
│ └── image-loader // 图片处理组件
│ └── painter // painter小程序生成图片组件
│ └── mp-weixin // mp-html小程序富文本组件
│ └── config // 配置文件
│ └── custom-tab-bar // 自定义tabbar
│ └── images // 图片
│ └── pages // 页面代码
│ └── services // 封装方法
│ └── api // 接口实现
│ └── const-data // 常量
│ └── posters // 海报样式
│ └── styles // 样式
│ └── colorui // color-ui组件库
│ └── utils // 公用js
เรียกดูฟังก์ชั่นหน้า:
ฟังก์ชั่นหน้าการจัดการ:
แผนพัฒนา
บันทึกการเปลี่ยนแปลง
หากคุณพบข้อบกพร่องใด ๆ หรือมีข้อเสนอแนะหรือความคิดเห็นเกี่ยวกับอินเทอร์เฟซ
ยินดีรับฟังปัญหาต่างๆ แน่นอน คุณสามารถคลิก "ติดต่อฉัน" หรือ "คำติชม" หรือ "ฝากข้อความ" ได้โดยตรงในคอลัมน์เกี่ยวกับของมินิโปรแกรม หรือ