DEV Community: KP

How to point cname to nginx server that uses reverse-proxy?

KP — Tue, 07 Jul 2020 20:52:09 +0000

I've got a server using wildcard subdomains. I'm using nuxtjs, nginx that runs on a reverse proxy on port 3000. Every user should be able to create a subdomain on the site, for example subdomain.learnbot.tk this will then point to learnbot.tk/school/{subdomain-name}. Every user should be able to create a cname that points to their own subdomain.learnbot.tk.

But when I create a CNAME record with host as @ and target as subdomain.learnbot.tk using domain name https://creatorbrandedsite.tk/ it returns 404.

Here's my conf file for wildcard subdomains:

            server {
            listen 80;

            server_name *.learnbot.tk;
            return 301 https://$server_name$request_uri;
        }

        server {
            listen 443 ssl http2 default_server;
            listen [::]:443 ssl http2 default_server;
            #include snippets/ssl-example.com.conf;
            #include snippets/ssl-params.conf;

            ssl_certificate /etc/letsencrypt/live/learnbot.tk/fullchain.pem; # managed by Certbot
            ssl_certificate_key /etc/letsencrypt/live/learnbot.tk/privkey.pem; # managed by Certbot
            include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
            ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

            root /home/subdomain/learnbot.tk/public/current;
            index index.php index.html index.htm index.nginx-debian.html;

            server_name *.learnbot.tk;

            location / {
                proxy_pass http://localhost:3000;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
            }

            location /blog {
                try_files $uri $uri/ /index.php$is_args$args;
            }

            # For Lets Encrypt certbot
            location ~ /.well-known {
                allow all;
            }

            location ~ \.php$ {
                include snippets/fastcgi-php.conf;
                fastcgi_pass unix:/run/php/php7.0-fpm.sock;
            }

            location ~ /\.ht {
                deny all;
            }

            location /favicon.ico { alias /var/www/html/example/favicon.ico; }
            location = /favicon.ico { log_not_found off; access_log off; }
            location = /robots.txt { log_not_found off; access_log off; allow all; }
    }

nuxtjs conf file for main domain

        server {
        index index.html;
        server_name learnbot.tk www.learnbot.tk;

        location / {
            # WARNING: https in proxy_pass does NOT WORK!! I spent half a day debugging this.
            #proxy_pass https://localhost:4001;
            proxy_pass http://localhost:3000;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
        }


        error_page 404 /custom_404.html;
        location = /custom_404.html {
            root /etc/nginx/sites-available/custom_nginx_error_pages;
            internal;
        }

        listen [::]:443 ssl http2; # managed by Certbot, modified by Kunal to add http2
        listen 443 ssl http2; # managed by Certbot, modified by Kunal to add http2

        #Install SSL certificates and configure https:// on a per-domain-basis by running:
        #sudo certbot --nginx
        #(when prompted, be sure to select the option to set up redirects from http to https and effectively "disable" http)
        ssl_certificate /etc/letsencrypt/live/learnbot.tk/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/learnbot.tk/privkey.pem; # managed by Certbot
        include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

    }

    server {
        server_name learnbot.tk;
        if ($host = learnbot.tk) {
            return 301 https://$host$request_uri;
        } # managed by Certbot

        listen 80;
        listen [::]:80;
        return 404; # managed by Certbot
    }

Creating a feature tour like that of hey.com

KP — Mon, 29 Jun 2020 18:16:13 +0000

I'm trying to recreate a simple version of the Hey.com feature tour using Nuxt.js (or Vue.js), as you can see here.

I'm sure there are examples (perhaps even repos) of this out there in either nuxt.js or vue. If you have a tip on how to do this, please leave a comment below!

Comparing Services for Cheap Cloud Hosting and Storage (Cloud / AWS / S3 / Amazon Cloudfront / ... ???)

KP — Sat, 09 Nov 2019 22:54:03 +0000

Hi Dev.to! 👋👋👋

Some questions for all you performance aficionados and AWS / Cloud experts out there.

I'm looking for a cheap (as close to free as possible) service for:

1. Hosting AND serving images. These images will be used on a website, in emails, etc. I want to plan for:

100GB of added storage / month
100M image views (GET requests) / month
100K new image uploads (PUT / POST requests) / month

2. CDN / Edge caching - so as to serve requests as fast as possible. Here I am looking to reduce response times and website load times that end-users will experience.

AWS both has an amazing suite of products and at the same time is very difficult to get started with.AWS S3's pricing model is confusing. I did also play a bit with their calculator, but it's hard to say if I'm entering the numbers in correctly.

Q1: In the AWS ecosystem:

For S3: What is "Storage pricing" vs "Request Pricing"?
What is S3 Select and how is it different from S3?
What is S3 Intelligent-Tiering?
What is S3 Glacier?
And what about Amazon CloudFront?

Q2: Is AWS the best (and cheapest) available option? What about services like:

Cloudflare
Cloudinary
Photon by Jetpack etc?
Versus using my Linode server itself for hosting and serving images?
versus the 1000+ other options out there?

Thoughts on what service I should be using? Looking for advice from folks that are knowledgeable on the matter. 🙏🙏🙏

How it feels to be a Programmer

KP — Thu, 24 Oct 2019 00:12:45 +0000

Found this video on Twitter and I had to share it with the rest of you :)

You'll have to click to watch the video.

This is relatable on so many levels. I definitely feel like this most days....anyone else?!

Some awesome beginner-friendly projects for #HacktoberFest

KP — Fri, 04 Oct 2019 19:30:40 +0000

Recently came across this awesome repository, and in the spirit of #hacktoberfest, I thought I'd share this with the rest of the DEV community.

https://github.com/MunGell/awesome-for-beginners

As an aside, it would be awesome if we could include dev.to on this list.

Happy hacking!

Designing an API to mash up public and private data

KP — Fri, 27 Sep 2019 21:19:36 +0000

Designing an API to mash up public and private data

Sep 27 '19 Comments: 1 Answers: 0

I have a Laravel application with logged-in users, posts, comments and likes (reactions).

I am designing an API to return all the data for a post (similar to this page here ). As you can see, the currently logged-in user can like / react to the main post, or any…

Open Full Question

How to generate random IDs that are not individually unique, but unique across 2 fields (columns) in a MySQL database table?

KP — Wed, 25 Sep 2019 05:10:34 +0000

There already are answered questions on how to generate unique, random alphanumeric strings in MySQL. That is not the question.

I am trying to generate a 4 character, random alphanumeric string in MySQL such that the COMBINATION of that field and another are unique in MySQL. In other words, given an existing field in the table (userID), I need a 4 character, random alphanumeric string for another field in the same table (commentUID), such that the combined userID+commentUID is unique. Note that commentUID by itself is not necessarily unique - 2 or more users with different userIDs can have the SAME commentUID value.

Background: I have a users table, and a comments table. I need a unique combination for: the user's username (or ID) and the Unique ID of the comment they leave, so that every comment in the system can be uniquely identified in the URL, while also keeping the comment UIDs (and therefore URLs) as short as possible.

The unique ID for the comment should be 4 alphanumeric characters, because each user is not likely to leave more than 36^4 = 1.6M comments (36 denotes all possible values from a-z0-9, lowercase only). An example of this is actually dev.to. See https://dev.to/mindplay/comment/dm5i

How can I do this as a pure MySQL-only solution, such that the commentID is generated when a new record is inserted into the comments table? If you know how to do this, your thoughts are appreciated.

Pointers to code for Social auth with Linkedin in Laravel

KP — Mon, 29 Jul 2019 20:54:53 +0000

Hey Dev.to! 🚀🚀🚀

I'm looking for some tips on how to get Social auth with Linkedin working in Laravel. Hope someone with experience with this can point me to a github repo that works, because every repo I've tried is broken in some way and my exploration has led nowhere :(

I already know Laravel has a Socialite package for social auth: https://laravel.com/docs/5.8/socialite

And this exists:
https://socialiteproviders.netlify.com/providers/linked-in.html

But I have a lot of things on my plate so auth is a huge pain in my rear and I don't want to spend days learning about access keys and oAuth. I'm looking for a simple end-to-end working example for Linkedin login in Laravel, just short of plugging in my Linkedin keys.

Thank you for any tips 🙏🙏🙏

How to implement Auth using Laravel & Nuxt.js (framework for Vue.js)

KP — Fri, 19 Jul 2019 18:04:28 +0000

I am trying to implement Authentication for a Nuxtjs + Laravel app.
I would like my app to allow register + login with email and social (google, facebook, linkedin and twitter).

What is the best way to approach this? Should the auth happen in the back-end (Laravel) via Nuxt making API calls to the back-end? Are there other approaches? Pros and cons? Pointers to github repos are appreciated! I love to copy-and-paste :D

PS. Also I've heard about JWT but don't understand how it's any better than regular auth.