How to Install SSL Certificate in XAMPP For Local Development?

  • Riju
    Riju Ghosh
  • sundew
    5 min.read
  • sundew
    June 27th, 2025
  • Technology
sundew

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 XAMPP

There 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 utility

Step 1: Create a minimal config file

Step 2: Generate the private key and certificate using the minimal config file

Step 3: Configure Apache to use the certificate

Step 4: Review SSL configuration

Step 5: Verify Apache configuration and check for syntax errors

Step 6: Restart Apache

Using mkcert utility (Recommended)

Step 1: Install mkcert by following the instructions here

Step 2: Generate the certificates

Step 3: Configure Apache to use the generated certificates

Step 4: Review and verify Apache configuration

Step 5: Restart Apache

There 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 mkcert

Using OpenSSL utility

This 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 file

Create a new file named openssl_minimal.cnf and add the following content:

Create_a_minimal_config_file

Make sure to replace the placeholder variables with actual values

Save this file in a convenient location, such as C:\xampp\apache\conf\openssl_minimal.cnf

Step 2: Generate the private key and certificate using the minimal config file

2.1 Open terminal and navigate to the OpenSSL directory.

apache_bin

 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.

Generate_a_private_key

2.3 Create a Certificate Signing Request (CSR) file using the minimal config file created earlier. The output file name can be customized.

Certificate_Signing_Request_(CSR)_file

2.4 Generate a self-signed certificate file using the minimal config file. The parameters can be customized.

self_signed_certificate_file

Step 3: Configure Apache to use the certificate

3.1 Copy the generated files to a convenient location inside the Apache folder.

Copy_ generated_files

3.2 Open the httpd-ssl.conf file located in xampp\apache\conf\extra and update the paths.

Configure_apache

The paths are relative to the Apache installation folder.

3.3 Ensure that the following lines are un-commented in the httpd.conf file.

httpd.conf_file

Step 4: Review SSL configuration

Review the VirtualHost setup in the SSL configuration file. Here is a sample of what it might look like.

Review_SSL_configuration

Step 5: Verify Apache configuration and check for syntax errors

5.1 Navigate to xampp\apache\bin

apache_bin

5.2 Check for syntax and other configuration errors using the following command

httpd.exe-t

5.3 If everything is correct you would get the message Syntax OK

Step 6: Restart Apache

Use 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.

Install_mkcert

Step 2: Generate the certificates

mkcert_localhost

The above command will generate two files - localhost.pem and localhost-key.pem

Step 3: Configure Apache to use the generated certificates

3.1 Copy the generated files to a convenient location inside the Apache folder.

copy_the_generated_files_Apache_folder

3.2 Update the httpd-ssl.conf file located in C:\xampp\apache\conf\extra

SSLCertificateFile_Apache

Step 4: Review and verify Apache configuration

Review and verify the Apache configuration using the steps mentioned above (Step 4 and Step 5 of OpenSSL installation).

Step 5: Restart Apache

Restart Apache, and you are good to go. When opened in the browser, the green padlock icon will be visible.

Summing It Up

Now 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.

Thoughts and Trends
Across Our Focus Areas

sundew

Blog

5 major differences between Android and iOS App development

Mobile Application Software is a significant investment. If you have an idea that might get smartphone users hooked to your App, for all the good reasons, you will be making Millions! The Mobile Application Market has grown from USD 154.05 billion in 2019 to USD 170.52 billion in 2020 and is expected to reach USD 366.34 billion by 2027.But the one thing that becomes the cause of confusion while looking into Application Development is which platform App Engineers should go with. The presence of two smartphone operating systems - Apple's iOS and Google's Android, makes choosing one a difficult crossroad. There are several advantages and drawbacks associated with both platforms. So before investing your money in the next Revolutionizing Application Software, you might want to choose a firm base for its operation.Here are 5 major differences between iOS and Android App development1. Target Audience- iOS devices are known for their high price value and an overall excellent performance statistic, which inclines the customers' loyalty. On the other hand, Android devices are comparatively cheaper. Hence, an extensive User pool is created, but there are more factors that one must consider while choosing a particular platform.In the plain picture, Android users dominate the iOS users in matters of numbers. While IOS users only take up about 16% of the World's Population, Android users surpass them by 80%. This statistic might support Android users' predominance, but when looking at the data of people who own an iOS device, they have a higher range of income and spend more time on the phone. As a result, these people are more likely to pay for your application services.In terms of User reach - Android dominates the market.But in terms of profit, The Apple App Store has a larger market. "As of 2019, the Apple App Store has earned $155 billion in revenue for its app developers since the store launched in 2008. By comparison, in 2019, Android developers have only earned $80 billion since launch."- Mooc.orgWhile choosing a platform one should analyze two questions:Which audience is the App more specified to? And How are you planning to regain profit via your Application?Cross- Platform Apps - If you are opting for a greater reach, there is another way in which your application will be launched on both of the platforms, aiming for maximum User exposure. Cross-Platform Apps are cheaper than native apps, and they function with better speed and reusable codes. Still, on the other side, they are limited in flexibility and are complicated to process and maintain.2. Programming Language - While analyzing differences between Android Apps and iOS Apps, the most distinctive difference is the usage of different Programming Languages. Android Apps are created via Java or Kotlin programming languages which are more elaborative and complicated, While iOS Apps require the Swift programming language for their development.Swift- Requires lesser inscription of Codes; hence the Coding process is faster and easier. It also allows high-interaction interfaces.Java- Java can develop your Application as a cross-platform app, as it enables you to conduct web development, server work, and mobile app development, all in a single place.3. Development Tools - There are specific development tools for Android and iOS Apps. Android Apps have been created through Android Studio, the primary IDE (Integrated Development Environment) for native Android application development, since 2014. The free software launched by Google functions as an intelligent code editor and encompasses the features of Code templates and GitHub integration, multi-screen app development, etc. IOS Apps are crafted through- Xcode, the center of the Apple development experience, released in 2003 by Apple. The Xcode includes Command Line Tools (CLT), which allow UNIX-style development through the Terminal app in macOS. The program tools operate on particular programming languages; for example, one can only use Swift Programming language in Xcode. 4. Design - Android App designs are guided by 'Material Design' on the other hand iOS Apps are built under 'Human Interface Guidelines. The distinctiveness of Designs between Android Apps and iOS Apps can be easily figured out.IOS Apps are more packed with content than the designs, and thus the App layouts are straightforward with broad white spaces in use. In addition, UI designers focus on shadows and gradients and amplify the depth of the Application Design. Android Apps are packed with more colours and designs that reflect the Real-world. Colours and Motion are the defining factors for Android Apps.Here are some differences between Android App and iOS App designsNavigation bar placement - In Android Apps, the navigation bar is placed in the left portion, while in iOS Apps, it is centrally aligned.Device fragmentation - Multiple Android OS versions make it difficult to design an Android App. A series of different screen sizes and layout proportions and buffering app interfaces on low version Android devices make it a complicated designing process.Widgets - Widgets are graphical user elements that display pieces of information and engage in user interaction. These Widgets are extensively supported by Android Apps, while on the other aspect, iOS Apps are still getting a hold of Widgets in their interface.5. Cost and Profit strategies - Even though it seems costly, one can do App Development on both Android and iOS platforms for free. The free tools given by Apple and Google can craft an excellent Application. But when you seek professional services and perfection, your budget can rise. The creation of an Application may or may not include financial outputs, but the actual expenditure begins when you launch your App in the market. iOS apps require a deposit of $100 per year with higher enterprise prices, while Google Play Store demands a one-time fee of $25. The acceptance procedure of Applications in the iOS market is also very lengthy and requires a longer time as compared to that with the Android Applications. The Apple experts conduct detailed tests and elaborately analyze iOS Applications. On the other hand, Android Applications easily get through the market tests, but they suffer in their service qualities.The Profit Strategies are also different in both cases. Android Applications gain profit through Ads mostly, while the iOS Applications ignore them to ensure users' convenience. The in-app purchases are more significant in Android Apps, but the transaction cost is higher in the case of iOS Apps. The primary strategy for gaining investment returns in the case of IOS apps is Paid applications. 11% of iOS gaming Apps include payments, while the percentage falls to 7% in the case of Android gaming Apps.In a nutshell, While Android Applications dominate the numerics, iOS Applications generate more profit. Want to learn about Mobile App development in detail? Contact us for a FREE consultation today!

Read More
sundew

Blog

The Ecom Store Launch Checklist: 6 Steps You Cannot Miss

So, you've got amazing products and a strong brand, and almost ready to launch your ecom store. But with the online shopping market becoming more saturated every day, how do you make your store stand out?It’s not enough to simply shout louder than your competitors. Consumers are more discerning—they want brands that they can connect with, and they want their shopping experience to be easy, seamless, and personalized.Key Questions to Ask Before eCom store Launch:Do you have a user-friendly web or mobile app? Is your website or mobile app user-friendly?Have you properly integrated payment gateways?Do you have an efficient marketing strategy in place?Ecommerce websites are essential for businesses of all sizes. From startups to large corporations, everyone wants to capture a piece of the online market. But, building an effective site requires careful planning.Once live, your store needs to convert visitors into customers. Missing pieces, like payment gateways or confusing navigation, can lead to lost sales.So, how do you avoid the losses and make the best out of your lot?Here’s a roadmap to ensure your store is not just live but ready for success from day one!Why Do You Need an Ecom Store?An e-commerce or ecom online store serves as your business’s virtual storefront, providing customers with the convenience of shopping anytime, from anywhere. It's more than just a website. It’s a powerful tool for modern brands to connect with their audience, drive sales, and stay competitive.As more consumers shift from traditional stores to online shopping, having an ecom store has become essential for businesses seeking to expand their reach and meet the evolving expectations of today's shoppers. From small independent retailers to global brands, e-commerce is the key to accessing new markets, satisfying customer demand, and fueling growth in ways traditional retail simply can't match. In today’s digital economy, investing in an ecom store is crucial for staying relevant and ahead of the competition.How Do You Set Up Your First Ecommerce Store?To help businesses navigate this crucial phase, here’s a comprehensive ecom store checklist. It will help you make sure you’re headed the right way.Step 1: Choosing the Right TechnologyWhen developing your eCommerce website and mobile app, selecting the right platform is crucial. The technology you choose directly impacts user experience, scalability, and your ability to meet business goals. We have broken down three popular options—WordPress, Laravel, and MERN Stack with Next.js—each catering to different business needs.WordPress: The Accessible All-RounderAdvantages of using WordPress to build an ecom online store:Ease of Setup: WordPress is beginner-friendly, with minimal technical expertise required to build and launch an e-commerce site.Rich Plugin Ecosystem: WooCommerce and other plugins provide extensive functionality for payment, shipping, analytics, and more.Quick Launch with Themes: Thousands of pre-built themes allow businesses to create professional-looking websites rapidly.Strong SEO Capabilities: Built-in SEO tools and plugins like Yoast make WordPress an excellent choice for content-driven e-commerce sites.Cost-Effective: Perfect for startups with limited budgets due to its free core system and many low-cost plugins and themes.Best For:Small Businesses: Entrepreneurs and startups needing a quick and affordable online presence.Content-Focused Sites: E-commerce stores that heavily integrate blogs or guides as part of their marketing strategy.Laravel: The Customization PowerhouseLaravel is another framework that can be considered when choosing the right technology when building your ecommerce launch checklist.Advantages of using Laravel to build an ecom online store:Complete Flexibility: Laravel enables businesses to design highly customized e-commerce workflows and features.Built for Complexity: Ideal for advanced requirements, like multi-vendor marketplaces or unique payment and shipping systems.Scalable Performance: Optimized for large-scale operations with features like caching and efficient database management.High Security Standards: Includes built-in tools to protect against common vulnerabilities like CSRF attacks and data breaches.API-Ready: Excellent for integrating with mobile apps or external services via RESTful or GraphQL APIs.Best For:Enterprise-Level Stores: Businesses planning for growth and needing custom solutions to meet their unique demands.Innovative Workflows: Companies requiring advanced e-commerce setups that standard platforms cannot provide.MERN Stack with Next.js: The Modern SolutionAdvantages of using MERN Stack with Next.js to build an ecom online store:Cutting-Edge Technology: Combines MongoDB, Express.js, React.js, and Node.js for building high-performance web apps.Speed Optimization: Server-side rendering (SSR) with Next.js ensures fast page loads and excellent search engine visibility.Dynamic User Experiences: Perfect for personalized features like product recommendations, live updates, and interactive UI components.Streamlined Development: A single programming language (JavaScript) for both front-end and back-end simplifies development and reduces technical debt.Tailored Functionality: Building from scratch means the system includes only what’s needed, avoiding unnecessary bloat for optimized performance.Best For:Tech-Driven Startups: Companies focused on delivering modern, dynamic, and innovative user experiences.Large-Scale Platforms: Businesses with advanced scalability requirements, such as high traffic, real-time updates, or multi-regional stores.Custom Feature Demands: Enterprises seeking a fully bespoke e-commerce platform with integrations and functionalities tailored to their unique needs.By aligning your choice of technology with your business goals, technical expertise, and scalability needs, you can ensure a strong foundation for your e-commerce success.Step 2: Responsive Design and User ExperienceWhen gearing up for your ecom launch, it's essential to check that the site adapts smoothly to various screen sizes. From smartphones to tablets and desktops, your users should enjoy a consistent, intuitive browsing experience no matter how they access your site.Why Responsive Design Matters:A fast-loading website is critical for maintaining a competitive edge. Slow loading times can lead to higher bounce rates and lost sales, particularly on mobile devices, where users are less likely to wait for a page to load.Studies show an 8% increase in conversions with a reduction in mobile site speed by 0.1 seconds. This means ensuring your site loads quickly and looks great on any screen—it’s a key driver of sales.Prioritize a responsive web design to create a seamless experience across all devices. This will help you accommodate the increasing number of mobile users who expect an effortless shopping journey. In fact, mobile-first design is no longer just a trend—it’s a necessity. Small design flaws can lead to big problems, so routine testing is a vital part of your website maintenance. To keep everything in sync, make sure to test your site regularly across different devices and browsers. This will help you identify and resolve any issues before they negatively impact the user experience. In addition to a smoother user experience, faster load speeds also improve your SEO rankings, which in turn drives more traffic to your site. To ensure your site performs at its best, invest in secure, reliable hosting and focus on optimizing your site speed. Tools like image compression, caching, and reducing unnecessary scripts can significantly improve load times.Step 3: Product Integration for Inventory Management Connecting the right systems with your e-commerce platform is essential to gathering, storing, and utilizing data effectively.For instance, integrating effective inventory management tools can help:Track stock levelsAlert you to restocking needsEnsure product availabilityThis will allow your customers to enjoy a seamless shopping experience. Step 4: Payment GatewaysSimilarly, an ecommerce store is no better than any local store without efficient shipping solutions and flexible payment gateways. Another crucial factor in boosting delivery efficiency and customer satisfaction is reliable shipping integrations, which provide features such as:Real-time trackingAutomated label generationAdditionally, a user-friendly checkout experience is vital for converting browsers into buyers. You can choose from a variety of trusted payment options, including:Credit cardsPayPalApple PayAmazon PayStripeThis way, you'll be catering to diverse customer preferences and boosting conversion rates. By focusing on security, transaction fees, and ease of integration, businesses can ensure a smooth payment process that minimizes cart abandonment. It also enhances overall customer satisfaction, improving the shopping experience and fostering loyalty.Offer multiple contact options like email, phone, and live chat. Plus, respond quickly to build trust and ensure a positive shopping experience.Step 5: Marketing Essentials for Your Ecom StoreSearch engine optimization is essential for visibility. Optimize your product pages with relevant keywords, meta tags, and quality backlinks. Support this with engaging product descriptions, images, and videos. These will highlight features and benefits, enhancing both search rankings and customer engagement.Utilizing platforms like Instagram, Facebook, and TikTok is key for e-commerce. Develop impactful social media content with the help of digital marketing experts. From product highlights to ads, ensure brand consistency and customer interaction across channels.Step 6: Continuous Optimization for Enhanced Customer ExperienceWhile the drive to achieve an online storefront launch fast is understandable, ensuring the site runs efficiently is even more crucial for staying ahead of competitorsFor a successful ecom online store, seamless navigation and ease of purchase are essential. Conducting regular user testing feedback helps ensure that your site is continually improving. Integrating AI-driven product recommendations in retail adds a personalized touch, encouraging customer engagement.To refine your store’s performance, track key metrics like conversion rate, bounce rate, and customer lifetime value. With data-driven adjustments, you can better meet customer needs and adapt to trends. Businesses can get tools and support to interpret these insights for targeted improvements. Plus, they can create tailored suggestions based on user behavior and preferences.Trends and Best Practices for Ecom Store SuccessMobile Shopping ExperienceMobile shopping now accounts for a large portion of online purchases, contributing to 67% of all e-commerce sales.So, opting for mobility solutions is no longer optional—it’s essential. Ecom stores with mobile-first design ensure that all elements, from product images to checkout buttons, are user-friendly on smaller screens, offering seamless navigation and faster load times. Features like mobile-responsive themes and accelerated mobile pages (AMP) can improve both performance and search rankings. A streamlined mobile user experience boosts customer retention and minimizes cart abandonment.Sustainability in E-commerceConsumers today increasingly value eco-friendly practices, which can greatly impact brand perception. Sustainable practices like eco-friendly packaging, carbon-neutral shipping options, and clear sustainability commitments can differentiate a brand. It also demonstrates a commitment to reducing environmental impact. Brands now see sustainable practices as integral to building loyalty and a positive brand reputation.This makes green shipping options, recycling initiatives, and reduced plastic packaging essential items in an ecommerce website launch checklist to attract eco-conscious shoppers.Voice and Visual SearchVoice and visual search technologies are reshaping how consumers find products. Voice search, often facilitated by smart assistants like Alexa and Google Assistant, offers hands-free convenience. This is expected to transform search behavior. Visual search, using AI to analyze images for relevant products, simplifies the search process for users who might not know exact search terms. Optimizing for these technologies can enhance visibility. It also makes product discovery easier, ultimately boosting conversions.On an ending note…Launching an ecom store can feel overwhelming. However, with a clear plan and the right support, it’s achievable. Streamline this journey with the help of Sundew and get guidance from tip to toe. Be it choosing the ideal platform, securing a domain, or designing product pages with optimized content, we're with you. Get help setting up secure payment options and customer support tools to ensure you attract and retain loyal customers.With Sundew's end-to-end support, you’re set to create a high-performing ecom online store that’s ready for long-term growth!

Read More
sundew

Blog

Select the Right BI Tool: Difference between Power BI and Tableau

Power BI and Tableau are leading tools in the Business Intelligence (BI) space, widely used for collecting, integrating, analyzing, and presenting business data. These platforms empower organizations to analyze data, manipulate it for deeper understanding, and visualize it to reveal actionable insights. When choosing which tool to learn or implement, professionals and researchers often find themselves weighing the difference between Power BI and Tableau​.Understanding the Difference between Power BI and TableauPower BI, offered by Microsoft, is an all-encompassing analytics service designed to help users analyze, visualize, and share data seamlessly across an organization. Conversely, Tableau excels as a BI tool that efficiently handles data flow and transforms raw data into interactive visualizations that provide actionable insights. Both tools are powerful in their own right, but understanding their distinct features can guide users in selecting the one that best fits their needs.Power BI and Tableau: A Comparative StudyAdvantages and Disadvantages of Power BI and TableauBesides understanding the basic difference between Tableau and Power BI, it’s important to know about the individual pros and cons of each when choosing the right data visualization tool for your enterprise.Advantages of Power BI:Cost-Effective: Power BI offers a range of pricing options, including a free version and affordable premium plans, making it accessible for various organizations.Microsoft Integration: It integrates seamlessly with Microsoft products like Excel and Azure, enhancing productivity and data connectivity.Built-in AI Features: Power BI includes features like natural language queries and automated insights, helping users uncover trends and anomalies quickly.User-Friendly: The interface is intuitive, especially for those familiar with Microsoft tools, making it easy to start building reports and dashboards.Efficient Performance: Businesses can redefine their data usage with embedded Power BI, which has fast data refresh rates and real-time analytics capabilities, ensuring timely insights.Disadvantages of Power BI:Limited Customization: While Power BI offers many built-in visuals, customization options are less extensive compared to Tableau.Complex Data Modeling: Advanced data modeling scenarios can be challenging and may not be as robust as Tableau’s offerings.On-Premises Limitations: The on-premises version lacks some features available in the cloud service, potentially limiting functionality.Handling Large Data: Performance may degrade with very large datasets or highly complex queries.Integration Challenges: Integrating with non-Microsoft products can sometimes be cumbersome.Advantages of Tableau:Advanced Visualizations: Tableau provides a wide array of visualization options and customization features, allowing for detailed and interactive data presentations.Handles Large Data: It efficiently manages large volumes of data and complex queries, providing robust performance for big data scenarios.Flexible Data Modeling: Tableau's data modeling capabilities are highly flexible, accommodating a range of complex data relationships and structures.Diverse Deployment Options: Offers various deployment methods, including cloud, on-premises, and public, catering to different organizational needs.Strong Analytics Support: Integrates well with R and Python, enabling advanced statistical analysis and machine learning.Disadvantages of Tableau:Higher Cost: Tableau’s pricing is generally higher, which may be a consideration for smaller organizations or those with limited budgets.Learning Curve: The extensive features and customization options can result in a steeper learning curve, especially for new users.Performance Variability: Performance can vary based on the complexity of visualizations and the size of data sources.Complex Integration: Integrating with products outside of Tableau’s ecosystem can sometimes be complex and require additional setup.Mobile Experience: While functional, the mobile experience may not be as polished or intuitive as that of Power BI in some cases.Power BI vs Tableau: Which Should You Choose?The choice between Power BI and Tableau largely depends on your specific needs and goals. Both tools offer powerful data visualization and analysis capabilities. However, the difference between Power BI and Tableau​ lies in the former being more affordable and easier to integrate with Microsoft products and the latter excelling in advanced visualizations and complex analytics. Ultimately, it’s important to consider factors like cost, system compatibility, data complexity, and certification options before making your decision.

Read More

Thank You!

Excellent!

Successfully subscribed to Sundew Solutions newsletter!

Acknowledged