David Huss
static_contact

Repository

sudo vim /etc/static_contact/config.toml
server {
        server_name     post.example.com;

        add_header      Cache-Control   no-cache;
        add_header Strict-Transport-Security "max-age=31536000; includeSubdomains; preload;";
        add_header x-frame-options SAMEORIGIN;
        add_header X-Content-Type-Options nosniff;
        add_header X-XSS-Protection "1; mode=block";

        # listen [::]:443 ssl ipv6only=on;
        listen 443 ssl;

        # → Certs here omited for  ←

        location / {
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-Host $host;
                proxy_set_header X-Forwarded-Server $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";

                # Make sure this fits the port configured in your /etc/static_contact/config.toml
                proxy_redirect http://127.0.0.1:8088/ /;
                proxy_pass http://127.0.0.1:8088;
                proxy_read_timeout 86400s;
                proxy_send_timeout 86400s;
                allow all; # Any IP can perform any other requests

                add_header 'Access-Control-Allow-Headers' 'Authorization,Accept,Origin,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
                add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
        }
}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>static_contact Example</title>
    </head>
    <body>
        <form id="contactform" name="contact" method="POST">
            <label id="namelabel">Name *</label>
            <input id="name" type="text" name="name" required="required" placeholder="Your Name" />

            <label id="emaillabel">Email *</label>
            <input id="email" type="text" name="email" required="required" placeholder="Your mail adress"/>

            <label id="phonelabel">Phone</label>
            <input id="phone" type="text" name="phone" placeholder="Your Phone number (optional)"/>

            <label id="messagelabel">Message *</label>
            <textarea  id="message" name="message" placeholder="Your message to us"></textarea>

            <button id="submit" class="submit" type="submit" name="identifier" value="mysiteidentifier">Send</button>
        </form>

    <script src="js/submit.js"></script>
    </body>
</html>
// Serializes Form into JSON
const formToJSON = elements => [].reduce.call(elements, (data, element) => {
    data[element.name] = element.value;
    return data;
}, {});

// Submit form data to server
const Submit = event => {
    event.preventDefault();
    const data = formToJSON(form.elements);
    console.log(JSON.stringify(data, null, "  "));
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "https://post.example.com", true);
    xhr.setRequestHeader('Content-Type', 'text/plain');
    xhr.send(JSON.stringify(data, null, "  "));
};

const form = document.getElementById('contactform');
form.addEventListener('submit', Submit);
curl --header "Content-Type: application/json" --request POST --data '{"name":"Mr. Foo Bar", "email":"mrfoo@bar.com", "phone":"+49012345678", "message":"Media is the massage", "identifier":"mysiteidentifier"}' http://localhost:8088