Files
medusa-store/www/apps/docs/content/plugins/notifications/twilio-sms.md
Shahed Nasser bb87db8342 docs: prep for v2 documentation (#6710)
This PR includes documentation that preps for v2 docs (but doesn't introduce new docs).

_Note: The number of file changes in the PR is due to find-and-replace within the `references` which is unavoidable. Let me know if I should move it to another PR._

## Changes

- Change Medusa version in base OAS used for v2.
- Fix to docblock generator related to not catching all path parameters.
- Added typedoc plugin that generates ER Diagrams, which will be used specifically for data model references in commerce modules.
- Changed OAS tool to output references in `www/apps/api-reference/specs-v2` directory when the `--v2` option is used.
- Added a version switcher to the API reference to switch between V1 and V2. This switcher is enabled by an environment variable, so it won't be visible/usable at the moment.
- Upgraded docusaurus to v3.0.1
- Added new Vale rules to ensure correct spelling of Medusa Admin and module names.
- Added new components to the `docs-ui` package that will be used in future documentation changes.
2024-03-18 07:47:35 +00:00

5.3 KiB
Raw Blame History

description, addHowToData
description addHowToData
Learn how to integrate Twilio SMS with the Medusa backend. Learn how to install the Twilio SMS plugin and test it out. true

Twilio SMS

In this document, youll learn about the Twilio SMS Plugin, what it does, and how to use it in Medusa.

Overview

Twilios SMS API can be used to send users SMS messages instantly. It has a lot of additional features such as Whatsapp messaging and conversations.

By integrating Twilio SMS into Medusa, youll have easy access to Twilios SMS API to send SMS messages to your users and customers. You can use it to send Order confirmations, verification codes, reset password messages, and more.

:::note

This plugin only gives you access to the Twilio SMS API but does not implement sending messages at any given point. Youll have to add this yourself where you need it. You can look at the example later in this tutorial to check how you can send an SMS for a new order.

:::


Prerequisites

Before going further with this guide make sure you have a Medusa backend set up. You can follow the Quickstart guide if you dont.

You also must have a Twilio account created so if you dont already please go ahead and create one.


Retrieve Credentials

For the Twilio SMS plugin, you need three credentials from your Twilio account: Account SID, Auth Token, and a Twilio phone number to send from. You can find these three from your Twilio Consoles homepage.


Install Plugin

In the directory of your Medusa backend, run the following command to install Twilio SMS plugin:

npm install medusa-plugin-twilio-sms

Then, youll need to add your credentials in .env:

TWILIO_SMS_ACCOUNT_SID=<YOUR_ACCOUNT_SID>
TWILIO_SMS_AUTH_TOKEN=<YOUR_AUTH_TOKEN>
TWILIO_SMS_FROM_NUMBER=<YOUR_TWILIO_NUMBER>

Make sure to replace <YOUR_ACCOUNT_SID>, <YOUR_AUTH_TOKEN>, and <YOUR_TWILIO_NUMBER> with the credentials you obtained from your Twilio Console.

Finally, add the plugin and its options in the medusa-config.js file to the plugins array:

const plugins = [
  // ...
  {
    resolve: `medusa-plugin-twilio-sms`,
    options: {
      account_sid: process.env.TWILIO_SMS_ACCOUNT_SID,
      auth_token: process.env.TWILIO_SMS_AUTH_TOKEN,
      from_number: process.env.TWILIO_SMS_FROM_NUMBER,
    },
  },
]

Example Usage of the Plugin

This plugin adds the service twilioSmsService to your Medusa backend. To send SMS using it, all you have to do is resolve it in your file as explained in the dependency injection documentation.

In this example, youll create a subscriber that listens to the order.placed event and sends an SMS to the customer to confirm their order.

:::tip

For this example to work, you'll need to have an event bus module installed and configured, which should be available by default.

:::

Create the file src/subscriber/sms.ts in your Medusa backend with the following content:

import { 
  type SubscriberConfig, 
  type SubscriberArgs,
  OrderService,
} from "@medusajs/medusa"

export default async function handleOrderPlaced({ 
  data, eventName, container, pluginOptions, 
}: SubscriberArgs<Record<string, string>>) {
  const twilioSmsService = container.resolve("twilioSmsService")
  const orderService: OrderService = container.resolve(
    "orderService"
  )

  const order = await orderService.retrieve(data.id, {
    relations: ["shipping_address"],
  })

  if (order.shipping_address.phone) {
    twilioSmsService.sendSms({
      to: order.shipping_address.phone,
      body: "We have received your order #" + data.id,
    })
  }
}

export const config: SubscriberConfig = {
  event: OrderService.Events.PLACED,
  context: {
    subscriberId: "order-placed-handler",
  },
}

In the handler function, you resolve the twilioSmsService and orderService using container of type MedusaContainer. You then retrieve the order's details, and send an SMS to the customer based on the phone number in their shipping address.

The sendSms method of the Twilio service accepts an object of parameters. These parameters are based on Twilios SMS APIs. You can check their API documentation for more fields that you can add.

:::warning

If youre on a Twilio trial make sure that the phone number you entered on checkout is a verified Twilio number on your console.

:::


See Also