GBlog-wx: WeChat ミニ プログラム ブログ
私たちは color-ui スタイルと halo インターフェイスを組み合わせたポーターにすぎません。
halo はバックエンドとして機能し、ミニ プログラム スタイルは color-ui コンポーネントを使用します。
このプロジェクトはバックエンドとして halo を使用し、halo インターフェイスを呼び出します。アプレット スタイルは 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
をコピーします。- 「バックエンド」→「外観」→「テーマ」に移動します。
- 右下のボタンをクリックしてインストールされているテーマを選択し、
远程拉取
を選択します。- コピーしたリンクをリモート アドレスに貼り付け、[ダウンロード] をクリックします。
テーマを取得した後に有効にしないように注意してください。これは構成にのみ使用されます。
構成
miniprogram/config
内のapi-tmp.js
ファイルをコピーし、名前をapi.js
に変更します。
api.js
構成を次のように変更します。
const ApiBaseUrl = ''
const Config = {
AccessKey : '' , // 接口key,必填
cloudEnv : '' , // 云环境ID
themeSettingsCache : true
}
ApiBaseUrl
Halo バックエンド アドレスです。オンラインにする場合は、右上角详情——本地设置
をクリックし、[有効なドメイン名を検証しない] をオンにします。
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
ブラウズページの機能:
管理ページの機能:
開発計画
変更ログ
バグを見つけた場合、またはインターフェイスに関する提案やコメントがある場合は、
もちろん、ミニ プログラムの [About] 列の [Contact Me] または [Feedback] または [Leave a Message] を直接クリックすることもできます。