Brendan Abolivier 14d1683bfb Fixed regexp | 8 anos atrás | |
---|---|---|
front | 8 anos atrás | |
.gitignore | 8 anos atrás | |
LICENSE | 8 anos atrás | |
README.md | 8 anos atrás | |
package.json | 8 anos atrás | |
server.js | 8 anos atrás | |
settings.example.json | 8 anos atrás | |
template.pug | 8 anos atrás |
Always wanted to implement a contact form in your website and/or portfolio, but don't want to busy yourself with something too complex (mail sending in PHP, for example, is a complete mess)? Here's a miracle solution for ya! Just run the nodemailer-based app, include a JavaScript file in your HTML page, and you're all set :wink:
Just clone this repository, edit the settings.json
file (described below) and run the server:
git clone https://github.com/babolivier/smam
cd smam
npm install
npm start
The default port will be set to 1970
, but you can set the one you want by using an environment variable:
PORT=8080 npm start
Obviously, you'll need Node.js and NPM (or any Node.js package manager) to run the app. As we're launching a webserver (which will serve the necessary files and process the mail sending requests), this app will run continuously. One good practice would be to run it as a daemon (in a systemd service, for example).
First, include the script in your HTML page's header:
<head>
...
<script src="http://www.example.tld:1970/form.js" charset="utf-8"></script>
...
</head>
Then, add an empty <form>
tag to your page's body. It must have an ID. Now, pass this ID to the generateForm()
function in a <script>
block, as such:
<body>
...
<form id="smam"></form>
<script type="text/javascript">
generateForm('smam');
</script>
...
</body>
First, you must rename the settings.example.conf
into settings.conf
, and edit it. You'll find yourself in front of a file with this structure:
{
"mailserver": {
"pool": true,
"host": "mail.example.tld",
"port": 465,
"secure": true,
"auth": {
"user": "noreply@noreply.tld",
"pass": "hackme"
}
},
"recipients": [
"you@example.tld",
"someone.else@example.com"
]
}
The mailserver
section is the set of parameters which will be passed to nodemailer's transporter initialisation, describing the output mail server and following the same structure as the option
object in nodemailer's SMTP configuration section. Please head there to have the full list of parameters.
The recipients
server is an array containing the e-mail addresses any message sent via the form will be sent to. Just write down the form's recipient(s)'s addresse(s).
Each e-mail sent by the form follows a template described in template.pug
(it's Pug). If you want to change the way the e-mails you receive are displayed in your mailbox, just edit it! You don't even need to restart the server aftewards :smile:
If you like this project and want to help, there's many way to do it.
* Before you start implementing anything, please make sure to create an issue about it if one hasn't been created yet. If I don't want to see your idea in SMAM (even if it's quite unlikely), it can be frustrating to you to have been working hard on someting for nothing.
If you want to talk with me in person about SMAM, you can contact me in different ways: