{"id":601863,"date":"2020-06-02T12:10:21","date_gmt":"2020-06-02T10:10:21","guid":{"rendered":"https:\/\/www.devoteam.com\/expert-view\/hosting-a-website-with-a-mulesoft-application\/"},"modified":"2020-06-02T12:10:21","modified_gmt":"2020-06-02T10:10:21","slug":"hosting-a-website-with-a-mulesoft-application","status":"publish","type":"expert-view","link":"https:\/\/devoteam.info\/en-nl\/expert-view\/hosting-a-website-with-a-mulesoft-application\/","title":{"rendered":"Hosting A Website With A MuleSoft Application"},"content":{"rendered":"

\u00a0<\/p>\n

One of the really interesting features of MuleSoft is that you can use a MuleSoft<\/a> application to package and host website content. You package your website pages inside a MuleSoft application and deploy it to Anypoint Platform or Cloudhub and your website is published and accessible to the end users. In this blog I will give you an example scenario of how it’s done so, you can use it for your own needs.<\/p>\n

Imagine you are doing file transfers with MuleSoft and your target location is not always accessible. You have an option to move files in a temporary location and retry at later point in time. While you can automate all of this, sometimes your customers would like a little bit more flexibility and control around retrying and clear visibility into what has not been yet transferred successfully.<\/p>\n

You can create simple web page that list all of the files that are not transferred successfully with details such as name, size, date, etc. You can then be creative with your HTML and features to give your customer the best experience. For example: option to retry one, multiple or all of the files from the temporary location through this web page.<\/p>\n

Before we proceed, you can spin a local SFTP server for test purposes. I use portable Rebex Tiny SFTP
Server which is free of charge: https:\/\/labs.rebex.net\/tiny-sftp-server<\/a><\/p>\n

Test your SFTP connection using tools like WinSCP: https:\/\/winscp.net\/eng\/download.php\u00a0<\/a><\/p>\n

Create new Mulesoft application in Anypoint Studio. Then, create a new folder under src\/main\/resources<\/em>
and call it for example \u201cweb\u201d<\/em>. Drop all your website files in there: html, js, css.<\/p>\n

\"\"<\/p>\n

Flow 1:<\/strong><\/p>\n

In your main flow xml file you first need to load your static resources. For this you need one HTTP Listener and one HTTP Load Static Resource handler (You can find both under the HTTP module in palette).<\/p>\n

\"\"<\/p>\n

You will need to create a HTTP Listener Configuration. Default settings will suffice for this exercise. You also need to setup the path \u2013 this is how you want to access your page. Please see the examples below:<\/p>\n

http:\/\/localhost:8081\/index.html<\/a> or http:\/\/localhost:8081\/web\/index.html<\/a><\/p>\n

\"\"<\/p>\n

After this you configure a Load Static Resources handler.<\/p>\n

Pay attention to:<\/p>\n