Code Monkey home page Code Monkey logo

qbox's Introduction

CircleCI

Q box

自分だけの匿名質問サービス。

PeingSarahahのようにユーザ登録して使うのではなく、自分専用の質問を受けられるサービスです。

特徴

  • 簡単に Heroku にデプロイ可能
  • Twitter Card 対応
  • サイトや Twitter Card の画像を自分でカスタマイズ可能

使い方

前提

次の項目が完了していることを前提にしています。

  • heroku のアカウント登録済み
  • heroku コマンドライン導入済み
  • AWS の S3 のバケット作成済み

デプロイ方法

まずクローンして、gem をインストールします。

$ git clone https://github.com/takuyaohashi/qbox.git
$ cd qbox
$ bundle install

heroku のプロジェクトを作成します。

$ heroku create

AWS のアクセスキーなど秘匿情報を登録します。

$ bundle exec rails credentials:edit

上記コマンドを打つとエディタが開きます。

エラーが出る場合、次の手順で試して、再度上記コマンドを打ってください。

  • /config/credentials.yml.enc を削除する
  • export EDITOR=vim を実行する

エディタが開いたら次の情報を追記します。

aws:
	access_key_id: [あなたの S3 のアクセスキー]
	secret_access_key: [あなたの S3 のシークレットキー]
	region: [あなたの S3 のリージョン]
	bucket: [あなたの S3 のバケット名]

エディタを閉じると暗号化されたconfig/credentials.yml.encが生成されるので、コミットします。

$ git add config/credentials.yml.enc
$ git commit -m ":muscle: Update S3 AccessKey"

heroku の環境変数にマスターキーの情報をセットします。

$ heroku config:set RAILS_MASTER_KEY=[config/master.keyに書かれている値]

wkhtmltoimage を使うので buildpacks を追加します。

$ heroku buildpacks:add https://github.com/takuyaohashi/heroku-buildpack-wkhtmltopdf.git

heroku にプッシュします。

$ git push heroku master

ここまでできたらサイトにアクセスできるか確認してください。

管理者登録

管理者の登録をするために/admin/registerにアクセスして、名前とパスワードを設定してください。名前はサイト内で表示されます。日本語でも構いません。

今後は/admin/loginからログインが可能になります。

デモサイト

デモサイトを heroku に設置しているので使ってみてください。

無料枠を使っているので、しばらくアクセスがない場合はコンテナの起動から行うので時間がかかる可能性があります。

Commit Symbol

Symbol Meaning
💪 Add new feature
Add test
🐛 Fix bugs
📕 Update database
💄 Clean codes
🙈 Ignore files
💎 Add/Remove gems
📝 Update document
🔧 Improve Environment

TODO

  • ブラウザを閉じるとログアウトされるので、ログインセッションの改善

License

MIT @takuyaohashi

qbox's People

Contributors

takuchalle avatar

Stargazers

la avatar Taichi Yoshioka avatar supermomonga avatar れみろう avatar

Watchers

 avatar

Forkers

kouji0224

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.