Desarrollando Plugins de Discourse - Parte 1 - Crear un plugin básico

Crear un plugin en Discourse puede ser muy sencillo una vez que aprendes un par de peculiaridades. El objetivo de esta publicación es crear un esqueleto de plugin y presentarte los conceptos básicos.

Tu entorno de desarrollo

Asegúrate de tener un entorno de desarrollo de Discourse funcionando en tu computadora. Recomiendo que utilices la guía de configuración apropiada y vuelvas cuando hayas terminado.

plugin.rb

:tada: ¡Usa GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins para crear un esqueleto de plugin de Discourse completo en tu directorio de plugins :tada:

El esqueleto ahora está incluido en el núcleo de Discourse, rake plugin:create[plugin-name] creará un plugin usando el esqueleto

Cuando Discourse se inicia, busca en el directorio plugins subdirectorios que contengan un archivo plugin.rb. El archivo plugin.rb tiene dos propósitos: es el manifiesto de tu plugin con la información requerida sobre él, incluyendo: su nombre, información de contacto y una descripción. El segundo propósito es inicializar cualquier código ruby necesario para ejecutar tu plugin.

En nuestro caso, no añadiremos código ruby, pero aún necesitamos el plugin.rb. Creemos el directorio basic-plugin con el archivo plugin.rb dentro, con el siguiente contenido:

basic-plugin/plugin.rb

# name: basic-plugin
# about: Un plugin súper simple para demostrar cómo funcionan los plugins
# version: 0.0.1
# authors: Awesome Plugin Developer
# url: https://github.com/yourusername/basic-plugin

Una vez que hayas creado este archivo, deberías reiniciar tu servidor local y el plugin debería cargarse.

¡Una advertencia importante!

Si estás acostumbrado al desarrollo normal de Rails, podrías notar que los plugins no son tan agradables en lo que respecta a la recarga. En general, cuando realices cambios en tu plugin, deberías presionar Ctrl+c para detener la ejecución del servidor y luego ejecutarlo de nuevo usando bin/ember-cli -u.

¡Mis cambios no se aplicaron! :warning:

A veces, la caché no se borra por completo, especialmente cuando creas archivos nuevos o eliminas archivos antiguos. Para solucionar este problema, elimina tu carpeta tmp e inicia Rails de nuevo. En una Mac puedes hacerlo en un solo comando: rm -rf tmp; bin/ember-cli -u.

Comprobando que tu plugin se cargó

Una vez que hayas reiniciado tu servidor local, visita la URL /admin/plugins (asegúrate de haber iniciado sesión con una cuenta de administrador primero, ya que solo los administradores pueden ver el registro de plugins).

Si todo funcionó, deberías ver tu plugin en la lista:

¡Felicidades, acabas de crear tu primer plugin!

Añadamos algo de Javascript

Ahora mismo tu plugin no hace nada. Vamos a añadir un archivo javascript que mostrará un cuadro de alerta cuando se cargue Discourse. Esto será súper molesto para cualquier usuario y no se recomienda como un plugin real, pero mostrará cómo insertar Javascript en nuestra aplicación en ejecución.

Crea el siguiente archivo:

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

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

Ahora, si reinicias tu servidor local, deberías ver “alert boxes are annoying!” aparecer en la pantalla. (Si no lo viste, consulta el encabezado “¡Mis cambios no se aplicaron!” arriba).

Analicemos cómo funcionó esto:

  1. Los archivos Javascript colocados en assets/javascripts/discourse/initializers se ejecutan automáticamente cuando la aplicación Discourse se carga.

  2. Este archivo en particular exporta un objeto, que tiene un name y una función initialize.

  3. El name debe ser único, así que simplemente lo llamé alert.

  4. La función initialize() se llama cuando la aplicación se carga. En nuestro caso, todo lo que hace es ejecutar nuestro código alert().

¡Ahora eres un desarrollador oficial de plugins de Discourse!


Más en la serie

Parte 1: Este tema
Parte 2: Plugin Outlets
Parte 3: Site Settings
Parte 4: git setup
Parte 5: Admin interfaces
Parte 6: Acceptance tests
Parte 7: Publish your plugin


Este documento está controlado por versiones: sugiere cambios en github.

109 Me gusta
Plugin API documentations?
How to create a new plugins?
How do you learn to build Discourse plugins?
Connecting to database with a plugin
Separating View from Data, Plugins, Modularity
Categories Topic Replies
Added custom initializer
Overwriting controllers in plugin
Create fully custom header
How do you learn to build Discourse plugins?
How can I add "dislike" button?
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?
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 开发环境
Store pdf and doc files as raw text in the database - Where to start?
Admin not accessible because of auto-minify for Cloudflare
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?
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?
Which is Better? Discourse or Flarum?
Hide features for non-admin users through plugin
Customizing handlebars templates