GBlog-wx: WeChat Mini 프로그램 블로그
우리는 컬러 UI 스타일과 후광 인터페이스를 결합한 포터일 뿐입니다.
halo는 백엔드 역할을 하며 미니 프로그램 스타일은 color-ui 구성 요소를 사용합니다.
이 프로젝트는 halo를 백엔드로 사용하고 halo 인터페이스를 호출합니다. 애플릿 스타일은 color-ui 구성 요소 구성 요소를 사용합니다.
halo를 사용하여 구축되었습니다. 자세한 내용은 halo 설명서(https://halo.run)를 참조하세요.
풀 코드
방법 1(안정 버전)
다운로드할 최신 버전을 선택하려면 클릭하세요.
방법 2(개발 버전)
git clone [email protected]:fuzui/GBlog-wx.git
가져오기 도구
위챗 공개 플랫폼을 통해 미니 프로그램 계정을 등록하고, 로그인 후开发——开发设置
에서 AppID를 확인하세요.
WeChat 개발자 도구를 다운로드하고小程序——导入项目
선택한 후 방금 복제한 폴더를 선택하고 자신의 AppID를 입력하세요.
주제 가져오기
방법 1(안정 버전)
- 다운로드할 최신 버전을 선택하려면 클릭하세요.
- 백엔드->외관->테마로 이동합니다.
- 오른쪽 하단에 있는 버튼을 클릭해 테마 설치를 선택한 후
本地上传
를 선택하세요.- 다운로드한 테마 패키지(zip)를 선택하면 됩니다.
방법 2(개발 버전)
https://github.com/fuzui/halo-theme-gblogwx-config
복사하세요.- 백엔드->외관->테마로 이동합니다.
- 오른쪽 하단의 버튼을 눌러 테마 설치를 선택한 후,
远程拉取
선택하세요.- 복사한 링크를 원격 주소에 붙여넣고 다운로드를 클릭하세요.
테마를 가져온 후에는 활성화하지 않도록 주의하세요. 테마는 구성에만 사용됩니다.
구성
miniprogram/config
의 api-tmp.js
파일을 복사하고 이름을 api.js
로 바꿉니다.
api.js
구성을 다음과 같이 수정합니다.
const ApiBaseUrl = ''
const Config = {
AccessKey : '' , // 接口key,必填
cloudEnv : '' , // 云环境ID
themeSettingsCache : true
}
ApiBaseUrl
은 후광 백엔드 주소입니다. 온라인에 접속할 때 도메인 이름이어야 합니다. 개발자 도구에서右上角详情——本地设置
클릭하고 합법적인 도메인 이름을 확인하지 않음을 선택할 수 있습니다.
AccessKey
Halo API의 AccessKey입니다. Halo 백엔드 관리 시스템에 들어가서系统——博客设置——高级选项——API设置
API 서비스를 활성화하고 액세스 키를 설정하세요. 위 js 파일의 해당 위치에 이 액세스 키를 입력하세요.
cloudEnv
는 포스터 공유, 댓글 필터링, 비밀번호 없는 로그인 기능 활성화 시 반드시 입력해야 하는 클라우드 환경 ID입니다.
themeSettingsCache
는 캐싱 활성화 여부를 나타내는 테마 구성입니다. 테마 디버깅을 용이하게 하기 위해 처음에는 false
로 변경할 수 있습니다.
법적 도메인 이름 구성
WeChat 공개 플랫폼의开发——开发设置——服务器域名
에 request, uploadFile 및 downloadFile 법적 도메인 이름을 추가하세요. 위의 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
페이지 기능 찾아보기:
관리 페이지 기능:
개발 계획
변경 로그
버그를 발견하거나 인터페이스 제안 또는 의견이 있는 경우,
문제는 물론 환영합니다. 미니 프로그램의 정보 열에서 "연락처", "피드백" 또는 "메시지 남기기"를 직접 클릭할 수도 있습니다.