The Future of Web Design

Blog

How to Install SSL Certificate in XAMPP For Local Development?

Setting up SSL in XAMPP ensures your local development environment mimics real-world, secure HTTPS deployments. Learning how to install SSL certificate in XAMPP is a key step to building secure web applications in a local environment. This isn’t just a best practice but often a prerequisite for enabling critical functionalities. Without HTTPS, many modern web features such as APIs, service workers, and secure cookies won’t function as intended, even in a local environment. With this guide, you’ll set up HTTPS using either OpenSSL or the easier and trusted mkcert utility, ensuring your development mirrors real-world conditions.Step-by-Step Guide on How to Install SSL Certificate in XAMPPThere are two straightforward ways to get SSL running in your local XAMPP setup, using the built-in OpenSSL utility or the more user-friendly mkcert tool. Both approaches help you simulate a secure environment for development.Using OpenSSL utilityStep 1: Create a minimal config fileStep 2: Generate the private key and certificate using the minimal config fileStep 3: Configure Apache to use the certificateStep 4: Review SSL configurationStep 5: Verify Apache configuration and check for syntax errorsStep 6: Restart ApacheUsing mkcert utility (Recommended)Step 1: Install mkcert by following the instructions hereStep 2: Generate the certificatesStep 3: Configure Apache to use the generated certificatesStep 4: Review and verify Apache configurationStep 5: Restart ApacheThere are a few browser APIs that require the web page to run in a secure context. For that, we need SSL. Here is how we can configure SSL for Apache in XAMPP. There are two ways to configure the SSL - either using openssl or mkcertUsing OpenSSL utilityThis method works properly. However, you won’t be able to see the green padlock icon even after following the steps below. This is intended behavior. To get a green padlock without warnings, you need to add your certificate to the trusted root certificate authorities.Step 1: Create a minimal config fileCreate a new file named openssl_minimal.cnf and add the following content:Make sure to replace the placeholder variables with actual valuesSave this file in a convenient location, such as C:\xampp\apache\conf\openssl_minimal.cnfStep 2: Generate the private key and certificate using the minimal config file2.1 Open terminal and navigate to the OpenSSL directory. 2.2 Generate a private key. The following command will generate a private key name private.key . Feel free to use any name of your choice.2.3 Create a Certificate Signing Request (CSR) file using the minimal config file created earlier. The output file name can be customized.2.4 Generate a self-signed certificate file using the minimal config file. The parameters can be customized.Step 3: Configure Apache to use the certificate3.1 Copy the generated files to a convenient location inside the Apache folder.3.2 Open the httpd-ssl.conf file located in xampp\apache\conf\extra and update the paths.The paths are relative to the Apache installation folder.3.3 Ensure that the following lines are un-commented in the httpd.conf file.Step 4: Review SSL configurationReview the VirtualHost setup in the SSL configuration file. Here is a sample of what it might look like.Step 5: Verify Apache configuration and check for syntax errors5.1 Navigate to xampp\apache\bin5.2 Check for syntax and other configuration errors using the following command5.3 If everything is correct you would get the message Syntax OKStep 6: Restart ApacheUse the XAMPP control panel to restart Apache. Now try accessing localhost via HTTPS. The browser might show a warning about the certificate being self-signed. You may ignore the warning and proceed.Using mkcert utility (Recommended)mkcert is a tool to make trusted certificates for local development without any configuration.Step 1: Install mkcert To get started with, first install mkcert by following the instructions here.Once mkcert is set up, run the below command to install the trusted root store.Step 2: Generate the certificatesThe above command will generate two files - localhost.pem and localhost-key.pemStep 3: Configure Apache to use the generated certificates3.1 Copy the generated files to a convenient location inside the Apache folder.3.2 Update the httpd-ssl.conf file located in C:\xampp\apache\conf\extraStep 4: Review and verify Apache configurationReview and verify the Apache configuration using the steps mentioned above (Step 4 and Step 5 of OpenSSL installation).Step 5: Restart ApacheRestart Apache, and you are good to go. When opened in the browser, the green padlock icon will be visible.Summing It UpNow you have two reliable methods to set up HTTPS in your local environment: OpenSSL for a manual approach and mkcert for a quicker, trusted solution. Understanding how to install SSL certificate in XAMPP localhost not only helps you avoid browser security warnings but also ensures that your development environment aligns with modern web standards. Secure by default is now the new norm, and that applies to local development too, especially for APIs and full-stack work.

Blog

5-Step Mailpit Configuration for Offline Email Testing

There are several ways to test and debug SMTP emails. The most common method is to use an online service like Mailtrap or Mailgun. While these tools are incredibly useful, they often come with a cost and require an internet connection, leading to resource constraints, especially with the free tiers.Developers often find themselves sending email notifications frequently to test different functionalities. In the search for efficient and cost-effective solutions, professionals often look for alternatives that could be used offline. Among these are two offline-based software options for testing emails locally: Helo (Paid) and Mailpit (Free | Open Source). Given that Mailpit is free and open-source, it is a go-to tool for many. In this blog, get familiar with how to install and configure Mailpit, making email testing both accessible and efficient.How to Use Mailpit for Offline Email Testing?If you’re wondering how to set up Mailpit, the following steps can help you get started.Step 1 - Download MailpitFollow the install instructions here:GitHub - axllent/mailpit: An email and SMTP testing tool with API for developersFor windows you can check the releases page. There can be multiple variants, namely AMD, ARM and x386. You would need to download the file based on your OS and processor type.AMD/AMD64 - For Intel/AMD processorsARM - ARM processor (mostly found in mobile devices)x386 - 32-bit Intel processorsStep 2 - Install MailpitWhile installing on Linux is easy, there are a few more steps to follow on Windows.Once the zip file is downloaded, extract it to a location as per your choice. The extracted contents will look like this:Step 3 - Add mailpit path to environmentTo add the mailpit path to environment $PATH variable, follow these steps:3.1. Search for env3.2. Click on the control panel item. It will open this window. Then click on the highlighted button. 3.3. You may choose to modify either the user or system variables. Select path and then click on edit according to your selection.3.4. In the newly opened window, click on New and add mailpit installation path like the following.3.5. Click OK → OK → Apply → OK.Step 4 - Using persistent storageAll email data will be lost once mailpit closes. To mitigate this, we can use a sqlite database.Just create a blank file but make sure to keep its extension as .sqliteYou can keep the file anywhere on your system but it is suggested to create the file in the installation folder.Step 5 - Launch MailpitRun the following command in your terminal to launch Mailpit with persistent storage.mailpit -d "" -vReplace  with the actual path to your sqlite DB file. -v is used to enable verbose loggingOnce the mailpit server starts, you can access it via 127.0.0.1:8025.Other customization options can be found in their official documentation.Bonus: Create alias to launch mailpitalias mpit=mailpit -d "C:\\mailpit\\maildb.sqlite" -v $*Wrapping UpThank you for reading! Hopefully, this guide on Mailpit configuration and use for offline email testing has been helpful. If you have any questions or need further assistance, please don't hesitate to contact us. We’d love to hear about your experiences with Mailpit or any other tools you use for email testing.Stay connected for more tips and tutorials!Happy coding!

Blog

How to leverage Facebook Ads for your Business

These days it’s getting harder to reach audiences online as emails are going unopened, social media newsfeeds are getting more clogged for your update to be seen. One proven channel for reaching your audience, however, is Facebook ads. Because there are many ways to engage your social media audience with Facebook, you can maximize your reach and find new customers.Here’s how to leverage Facebook Ads for your Business:Set a GoalDon’t waste your valuable resources if you don’t have a particular goal in mind for your Facebook advertising campaign. What are you trying to achieve?-Send traffic to your website or landing page-Get more likes on your Facebook page-Get people to sign up for your newsletter-Generate salesSet a specific target for your goal so that you can measure against it.Choose the Best Ad FormatFacebook keeps expanding its ad offerings, making it more and more appealing to businesses.-Video Ads:  Over 100 million hours of video are watched on Facebook every day and that makes Facebook video ads even more compelling.-Slideshow Ads: If you don’t have the desire to create videos, try slideshow ads. They’re great for highlighting your product or services.-Canvas Ads: If you have a story to tell, use the multimedia ad format, Canvas. It’s great for engaging a mobile audience.-Photo Ads:  Photo ads appear on the right side of your news feed. Remember that only 20% of the ad can be text or it will be rejected by Facebook.-Boosted Posts: Amplify existing Facebook content with boosted posts to get it in front of your page’s fans as well as even more people.-Augmented Reality Ads: Here’s a very of-the-minute ad option: augmented reality (AR) ads. Users can, for example, try on a pair of glasses through the ad interface and their camera.Start with one and then try another to test out your campaign to see which is more impactful.Create Your OfferThis offer will tie into that goal you established. If you want more audience on your business page, create an offer that will entice them to click like on your page. Here’s an example:‘Click Like and get exclusive offers you won’t get anywhere else!’Note: use only one call to action per ad, otherwise you’ll confuse your audience, who don't know what you want them to do. Use words like click, visit, save, like, combined with a sense of urgency: limited time, now, instant.Set Your Target and BudgetOnce you’re in the Facebook ad dashboard, it’s quite easy to set up your ad. You’ll be asked who you want to reach with your ad. The more specific you are, the more successful your ad will be, so you need to know who your target audiences are. Facebook ads are usually pretty affordable. If you’re worried about spending too much, set a modest budget and carefully monitor results before you invest more.Assess ResultsFacebook has great monitoring tools. So keep tabs on how many people responded to your ad. They may not have made a purchase, which makes evaluating the ROI a bit tricky, but if you can assign a value to each action, you’ll have a sense of whether the investment was worth it or not.Facebook ads get you directly in front of the people you’re trying to sell to. They’re inexpensive and easy to modify as needed. Play around with them to see if they can help you increase revenues. For an in-depth understanding of Facebook ads, you could get in touch with our experts at [email protected] or call us at +91-98367-81929.