Discourseプラグインの開発 - 第1回 - 基本的なプラグインの作成

Discourse プラグインの構築は、いくつかの癖を学べば非常に簡単になります。この投稿の目的は、スケルトン(骨格)プラグインを作成し、基礎的な知識を紹介することです。

開発環境

お使いのコンピューターで Discourse の開発環境が実行されていることを確認してください。適切なセットアップガイド を使用することをお勧めします。セットアップが完了したら、再度戻ってきてください。

plugin.rb

:tada: GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins · GitHub を使用して、plugins ディレクトリ内に完全な Discourse プラグインのスケルトンを作成してください :tada:

スケルトンは現在 Discourse コアにバンドルされており、rake plugin:create[plugin-name] を実行することでスケルトンを使用したプラグインが作成されます

Discourse が起動すると、plugins ディレクトリ内のサブディレクトリから plugin.rb ファイルを探します。plugin.rb ファイルには2つの役割があります。1つ目は、プラグインに関する必須情報(名前、連絡先、説明など)を含むプラグインのマニフェストとしての役割です。2つ目は、プラグインを実行するために必要な Ruby コードを初期化する役割です。

今回のケースでは、Ruby コードは追加しませんが、plugin.rb は依然として必要です。basic-plugin というディレクトリを作成し、その中に以下の内容の plugin.rb ファイルを作成しましょう。

basic-plugin/plugin.rb

# name: basic-plugin
# about: プラグインの仕組みを示すための非常にシンプルなプラグイン
# version: 0.0.1
# authors: Awesome Plugin Developer
# url: https://github.com/yourusername/basic-plugin

このファイルを作成したら、ローカルサーバーを再起動してください。プラグインが読み込まれるはずです。

重要な注意点!

通常の Rails 開発に慣れている場合、プラグインのリロード機能がそれほど便利ではないことに気づくかもしれません。一般的に、プラグインに変更を加えた場合は、サーバーを停止するために Ctrl+c を押し、その後 bin/dev を使用して再度実行してください。

変更が反映されませんでした! :warning:

キャッシュが完全にクリアされないことがあり、特に新しいファイルを作成したり、古いファイルを削除したりした場合に発生します。この問題を回避するには、tmp フォルダを削除し、Rails を再起動してください。Mac では、1つのコマンドで実行できます:rm -rf tmp; bin/dev

プラグインが読み込まれたことを確認する

ローカルサーバーを再起動した後、URL /admin/plugins にアクセスしてください(まず 管理者アカウントとしてログイン していることを確認してください。プラグインレジストリは管理者のみが閲覧できます)。

すべてが正常に動作した場合、リストにプラグインが表示されるはずです:

おめでとうございます。これで最初のプラグインを作成しました!

JavaScript を追加してみましょう

現在、プラグインは何も実行していません。Discourse がロードされたときにアラートボックスを表示する JavaScript ファイルを追加しましょう。これはユーザーにとって非常に迷惑であり、実際のプラグインとして推奨されるものではありませんが、実行中のアプリケーションに JavaScript を挿入する方法を示します。

以下のファイルを作成してください:

plugins/basic-plugin/assets/javascripts/discourse/initializers/alert.js

export default {
  name: "alert",
  initialize() {
    alert("alert boxes are annoying!");
  },
};

これでローカルサーバーを再起動すると、画面上に “alert boxes are annoying!” が表示されるはずです。(表示されない場合は、上記の「変更が反映されませんでした」のセクションを参照してください)。

この仕組みを順を追って説明します:

  1. assets/javascripts/discourse/initializers に配置された JavaScript ファイルは、Discourse アプリケーションがロードされたときに自動的に実行されます。

  2. この特定のファイルは、nameinitialize 関数を持つ1つのオブジェクトを export します。

  3. name は一意である必要があるので、ここでは alert と命名しました。

  4. initialize() 関数はアプリケーションがロードされたときに呼び出されます。今回の場合、単に alert() コードを実行するだけです。

これで、公式の Discourse プラグイン開発者になりました!


シリーズの続き

パート1: このトピック
パート2: プラグインアウトレット
パート3: サイト設定
パート4: git セットアップ
パート5: 管理者インターフェース
パート6: 受け入れテスト
パート7: プラグインを公開する


このドキュメントはバージョン管理されています。変更提案は GitHub でお願いします。

「いいね!」 110
Plugin API documentations?
How to create a new plugins?
Connecting to database with a plugin
Separating View from Data, Plugins, Modularity
Categories Topic Replies
How can I add "dislike" button?
Overwriting controllers in plugin
Create fully custom header
Added custom initializer
Which files can you override from a plugin?
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet
Developing Discourse Plugins - Part 5 - Add an admin interface
(Superseded) Plugin Tutorial #1 - How to manipulate the text in the composer?
Which is Better? Discourse or Flarum?
Hide features for non-admin users through plugin
Customizing handlebars templates
How to properly display jalali dates for Persian language
Topic Ratings Plugin
Enable Like-Button for not logged-in visitors
Why do I need a block storage?
Custom Field not working
Rails plugin generator
Why GNU License?
Code reading help. ES6, plugin-outlet `_connectorCache`, custom-html `_customizations`, appEvents
Customizing handlebars templates
Application Files after Digital Ocean Setup
Application Files after Digital Ocean Setup
Application Files after Digital Ocean Setup
Make an external http request from discourse
Specify user by external id
How can I make my own Discourse plugins?
Reputation and level on member profile
How to Change User Profile Picture
Something like shortcodes for Discourse?
Calendar plugin features to make it really useful for us
Plugin Documentation Style Guide
Any options for over-riding the username restrictions?
How would updating effect custom overrides?
I would like to change the template completely
Adding a second tag description
Rails plugin generator
Creating a plugin
Fatal: Not a git repository (or any parent up to mount point /discourse)
Fatal: Not a git repository (or any parent up to mount point /discourse)
Adding command line tools support for user api keys
Discourse Code Modification for personal use
Plugin routing problems
[PAID] Mentorship needed
Can You Restrict Signups Using `swot` Email Verification?
Plugin API documentations?
Insert tag based upon word match
Triggering account creation/login on external service when a user logs in on discourse
Place for total coding beginners to learn how to customise?
Add additional button post menu
Fetch third party data for topic list
The Ignore User feature (now in 2.3.0.beta7)
Help with a plugin
Create Custom APIs
Proper Development and Deployment
How to make only a group of users can send messages to staff
How might we better structure #howto?
Theme-Component v Plugin: What's the difference
Creating Parsing Extensions
How can I customized my own site
All latest images in posts from a category
(Ruby) Selecting only posts that are made by non-original posters
Hosting discourse on our infrastructure AWS
Display FullName instead of UserName in the Profile
Calling Python scripts w/ arguments on the backend via plugin?
Extend Existing Controller?
How to add custom fields to models
Extend Existing Controller?
Bot writer's tip: Processing every post
Add user to group after purchase
Support for proposed plug-in
Autocompletion for a user field at signup
Custom discourse with limited features
Overriding user_guardian.rb in a plugin (no fork necessary!)
Problems with git clone
Friendly user profile url
Website Integration
Discourse developement environment setup
How to show Full Name in Embeds
How to display full name in comments embeds
Rake task "assets:precompile" is failing due to JS Compilation issue
Change code does not work in VS Studio code editor
Edit Code
Discourse Chain Topics Plugin
Contributing to Discourse
How to edit topics/show.html.erb
Install Discourse on macOS for development
Developing Discourse Plugins - Part 3 - Add custom site settings
Developing Discourse Plugins - Part 4 - Setup git
Developing Discourse Plugins - Part 7 - Publish your plugin
Developing Discourse Plugins - Part 6 - Add acceptance tests
Learn how to start building stuff for Discourse if you're newbie (like myself)
How to disable updating username for admins & moderators?
Backend code
Backend code
Install Discourse on Ubuntu or Debian for Development
How to make changes on backend side of discourse application using rails
Introduction to Discourse Development
Discourse blog (article and comments)
How to learn more about Discourse back-end?
I want to learn how to program for Discourse
Discourse Audio Message
Create custom Automations
How can one add a toggle button to the post menu and implement an action for that toggle button in a Discourse plugin?
Content box
Create an advertising page
Discourse 有自定义插件模板吗,如何写自定义插件呢
Deploy custom Discourse repository via docker
Multiple custom fields for topics similar to custom userfields
How do I go about making a very customized theme?
How can I create a Discourse that's just like Stemaway.com?
Adding new columns to user lists in groups
How to pin a post within a topic?
Ruby script to send automatic welcome message to new users
:cn: Installing the Discourse development environment on Ubuntu 在 Ubuntu 上安装 Discourse 开发环境
Admin not accessible because of auto-minify for Cloudflare
Store pdf and doc files as raw text in the database - Where to start?
Update Password Encryption Method
I'm trying to run discourse app locally in production env without docker
How to turn off "Body seems unclear, is it a complete sentence?'
Hosting dynamic pages with discourse
Invisible way to force display order of tags?
Controllers and Routes
Learn about Discourse client-side flow?
How do you learn to build Discourse plugins?
How do you learn to build Discourse plugins?
Admin not accessible because of auto-minify for Cloudflare
Customizing CSS via plugin
About the Plugin category
Visual diagraming to add visual dimension to Conversations?
Custom Onebox engine
How can I install my own plugin written in Ruby?
Allow reply-to individual instead of topic/forum (mailing list feature)
Adapt github changes to my own site
Push to digital ocean from command line and rebuild
How to convince my university to use/install Discourse?
Hack to enable invitations for Trust level 1 users
Dropcaps in Discourse - cannot override span tag
Getting certain posts to Zapier
Plugin: add a menu icon (next to search)
Error When creating custom plugin
Error When creating custom plugin
IOTA as a currency for Discourse
New columns in directory (/users)
Bootstrap fails when plugin file specifies gem version range
Running my own discourse image
How to add a job to cron/anacron when creating Docker container
How to transfer data from plugin to app/views templates?