More than 5 years have passed since last update.

Valineを使ってHexoにコメント機能を追加してみる

Posted at 2018-07-03

サンプル

https://hexo-valine-comment-sample.netlify.com/2018/07/03/hello-world/
サンプルのサイトなので好きにコメントしてみてください。

Valineとは

xCss/Valine: A fast, simple & powerful comment system.

2017年8月7日に生まれた新しめのコメントシステムで、シンプルで効率的、LeanCloudを利用することでバックエンドの手間なく構築できるのがウリのようです。

機能翻訳

絵文字😉
高速
最初から安全
サーバーサイトの構築不要
完全なマークダウン記法をサポート
シンプルで軽量（gzipで15kB未満）

詳しくはドキュメントをどうぞ。

LeanCloudとは

LeanCloud

领先的 BaaS 提供商，为移动开发提供强有力的后端支持

モバイルアプリ向きの強力なバックエンドを提供するBaaS といったところでしょうか。

BaaSといえば日本ではMilkcocoa、最近ではFirebaseなどが有名ですね。
自分でサーバーサイドのことを考えなくてもいい感じになるのが便利です。

LeanCloudを使ってみる

Valineは今の所LeanCloudだけをサポートしているのでLeanCloudのアカウントを持っている必要があります。

登録にはメールアドレスと電話番号が必要です。

あとダッシュボード含めサイトがすべて中国語なのでちょっとめんどくさいです。

アカウント作成

入力欄の上から

ユーザーID
メールアドレス
電話番号
パスワード

です。

これは外国のサービスに電話番号を登録するとき全般に言えることですが、電話番号が09012345678だった場合、最初の0は消して登録します。つまり+81``9012345678のようになります。

あと私はGitHubで認証して登録しましたが、結局電話番号とメールアドレスが必要だったので特に意味はありません。

登録は出来ましたか？出来ましたね。

ダッシュボードに入るとこの様になっていると思います。
アラートは上が メールアドレスを認証してないよ
下が 電話番号を認証してないよ というものです。どちらも認証しておきましょう。

メールアドレスはいつもどおりメール内のリンクから、電話番号はアラートの中にあるリンクから進んで取得みたいなボタンを押したら番号が届くので入力して送信したら終わりです。普通ですね。

認証が済んだらアプリを作ってみます。ダッシュボードの创建应用を押してください。

上がアプリの名前、下のラジオボタンが開発版か製品版かを選ぶものです。
正式版はお金がかかるみたいなのでとりあえず開発版を選びましょう。

開発版と製品版の違い

https://leancloud.cn/pricing/

開発版はリクエストが1日あたり30,000まで、転送量がは500MBまでとなっています。
最初に貼ったサンプルのサイトは公開して1時間程度で80リクエストされていました。まだデータが少ないのでGoogle Analyticsのデータとともに無料で使えるものなのか探ってみたいと思います。

さて、アプリが出来たら早速キーを取得しましょう。

设置 -> 应用 Key より取得できます。

安全のために

MasterKeyは最高権威のキーです。流出したら出来るだけ早く重置ボタンを押してリセットしてください。
AppKeyはクライアントで使用するキーです。そのためクライアントからのすべてのリクエストを信頼すべきではありません。AppKeyは常に流出していると考えてください。
悪意のあるリクエストから守るには、AppKeyを暗号化するのではなく、ACL（Access Control List）を設定するべきです。詳細は、データとセキュリティを参照してください。

ということなので使うドメインを設定しておきましょう。