Showing posts with label angular in weblgic. Show all posts
Showing posts with label angular in weblgic. Show all posts

Saturday, February 23, 2019

Deploying Angular app to Weblogic 12c server

Angular  apps can be deployed in Weblogic server as well .

My use case was to use weblogic server for hosting the angular app as pet the need of my organisation.

Prerequisite :


  • Weblogic Server
  • Angular application
  • WEB-INF Files

Step 1: Create an angular application (here i have named it as angularapp1)



After you create you will see these files on the path :




Step 2 : Build your angular application with production mode .





 After build you would see dist folder which contains the files for production !




Step 3 : Create a WEB-INF Folder and create two files in it .




web.xml :


<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
    <display-name>Portal</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
</web-app>

<!-- This should be your  file which you will be referred to index.html on angular application -->


weblogic.xml


<?xml version="1.0" encoding="UTF-8"?>
<weblogic-web-app xmlns="http://www.bea.com/ns/weblogic/weblogic-web-app">
 <context-root>/</context-root>
</weblogic-web-app>


<!-- This contains the home / root path  -->



 


Step 4 : Once we are ready with the files , transfer the production folder to target server where you want to deploy, here i have started local weblogic server , hence i dont need to move the files.


Step 5 : Open weblogic console . -> Deployments -> Install -> Select the folder which contain the WEB-INF folder  and index.html which gets generated by angular application.







Step 6: Save the configuration as shown in the screen shot.






Step 7 : Now since it is deployed , we need to start serving app. go to -> Control-> Select your app -> Servicing all requests






Step 8 :

Go to Testing-> Default and try hitting the URL generated .


We are able to route to the angular application with the server URL now !!


In my example i am using (if no path specified route to the AppComponent), you can add paths and routes , which should work fine !




Code : https://github.com/sauvik8/sauvik-public/blob/master/angularapp1.zip

Let me know in case you need the files ! will upload in drive and share !

Oracle OIC Email Notification Template

 Oracle HTML template for email notification <html> <body style="margin: 0px; background-color: rgb(226, 229, 232);"> ...