DOCSLIB.ORG

Web Apps and Internet Information Services (IIS) Web Server Deployment

Web Apps and Internet Information Services (IIS) Web Server Deployment

Web Apps and Internet Information Services (IIS) Web Server Deployment Hans-Petter Halvorsen, M.Sc. Contents • Introduction to Web Apps – HTML Example • Introduction to ASP.NET – ASP.NET Example • Introduction to Web Servers • Internet Information Services (IIS) – Deploy a HTML Web Site to IIS – Deploy an ASP.NET Web App to IIS Web Platforms Servers Clients HTML The Cloud/ Internet/ Local NetworK HTML Web Servers Database Servers PCs witH Web Browsers Web Apps Hans-Petter Halvorsen, M.Sc. Web Browsers Internet Explorer Firefox Microsoft Edge Chrome Safari Opera HTML • HyperText MarKup Language (HTML) • The Visual Appearance of a Web Site • “Web Browser Language”: All Web Browser understand HTML <!DOCTYPE html> • HTML 5 is tHe latest <html> <body> • Maintained by W3C - World Wide Web <h1>My First Heading</h1> Consortium <p>My first paragraph.</p> </body> </html> WYSIWYG HTML Editors • Adobe Dreamweaver (MontHly Payment) • Kompozer (Free) WYSIWYG – What You See Is What You Get You dont need to Know HTML syntax - Its • Bluegriffon (Free) just liKe using MS Word. • SparKle ($80), etc... OtHer HTML Editors (not WYSIWYG) • Visual Studio (ASP.NET) Only possible to cHange tHe HTML • CoffeeCup ($69, Free Trial) source code and then select “Preview” • in order to see How it looKs like in a Coda ($99) Web Browser. • ... You need to Know HTML syntax The Web Programming Triangle Use HTML to define the HTML content of web pages Web Programming CSS JavaScript Use CSS to specify the layout of web pages Use JavaScript to program the beHavior of web pages CSS Server Web JavaScript Web ArcHitecture Microsoft Edge Internet Explorer Chrome Firefox Opera Safari Web Browser Client HTML CSS JavaScript side - Web Server Server Client-Server Example Client Web Browser Response Web Server Request Database Internet Information Services (IIS), ApacHe, etc. Web Platform The Web Browser creates tHe visual web page you see in tHe browser based on <!DOCTYPE html> the HTML code <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> HTML, CSS, JavaScript </body> Web Browser Client-side </html> The code runs on tHe server and its converted Web Page (HTML) to HTML before sending to the client (Web Browser) Web Server Server-side ASP.NET, PHP, ... Internet Information Services (IIS), ApacHe, etc. Example HTML Web Page Hans-Petter Halvorsen, M.Sc. <!DOCTYPE html> HTML Code <html> <body> Simple HTML Page <h1>My First Heading</h1> Example <p>My first paragraph.</p> </body> </html> Web Browser: 14 In tHis Example we will create a simple HTML page using Notepad only Save as .Htm file and open from File Explorer In tHis Example we will create a simple HTML page using Notepad only ASP.NET Web Apps Hans-Petter Halvorsen, M.Sc. ASP.NET is used to create ASP.NET dynamic web pages Web Browser Client HTML JavaScript CSS The server-side ASP.NET pages are converted on the server to HTML pages before it is sent to the client Web Server side - ASP.NET Server C#/VB.NET .NET FrameworK ASP.NET – Different ways of creating Web Sites with ASP.NET Web Sites You can use (at least) 3 different ASP.NET ASP.NET ASP.NET approaches wHen creating Web Web Pages Web Forms MVC Sites witH ASP.NET ASP.NET C#/VB.NET .NET FrameworK http://www.asp.net • Singe Page Model (THe server-side code is mixed in between tHe ASP.NET Web Pages HTML) • Uses tHe Razor syntax (.csHtml files) • Similiar as Classic ASP and PHP • A tool called Microsoft WebMatrix is optimized for tHis development model, but you can also use Visual Studio if you want to. ASP.NET • Similar to the desKtop development model used in WPF Web Forms • GUI (*.aspx files) and Code (*.aspx.cs) separated in diff. Files • For tHose wHo are familiar witH WinForms, .NET, WPF, etc. ASP.NET • MVC – Model - View – Controller MVC • A new development model wHere you split your development into 3 parts/components: Models for Data, Views for Display and Controllers for Input. For “Advanced” Developers ASP.NET Web Forms Create a New Project in Visual Studio Example ASP.NET Web Form App Hans-Petter Halvorsen, M.Sc. ASP.NET Web Form Example WHen you are finisHed, your Web App sHould looK sometHing liKe tHis: When you enter your Name in tHe TextBox and clicK tHe OK Button, tHe program should respond witH a greetings. Title (ordinary HTML text, or Label) Label TextBox Button Label Lets create tHis Example witH Visual Studio Web Server Hans-Petter Halvorsen, M.Sc. Web Server Platforms PHP (pronounced "engine x") Internet Information Services - Has become very popular lately ASP.NET Cross-platform: UNIX, Linux, OS X, Windows, ... The term web server can refer to eitHer tHe Hardware (tHe computer) or tHe software (tHe computer application) tHat helps to deliver web content that can be accessed through the Internet. The most common use of web servers is to Host websites, but tHere are otHer uses sucH as gaming, data storage or running enterprise applications. Web Server Popularity http://news.netcraft.com/archives/2015/09/16/september-2015-web-server-survey.Html Internet Information Services (IIS) Hans-Petter Halvorsen, M.Sc. Internet Information Services (IIS) https://en.wiKipedia.org/wiKi/Internet_Information_Services • Web Server from Microsoft • Integrated witH Windows Internet Information Services (IIS) • IIS – Internet Information Services • Web Server tHat Host tHe Web Pages/Web Site • MaKe sure to Have tHe IIS Role installed witH ASP.NET sub components Default IIS Directory: C:\inetpub\wwwroot Installation/ Configuration SearcH for «Windows Features» or open tHe Control Panel You need to turn IIS on Internet Information Services (IIS) Manager Deploy/PublisH Web Service to IIS Copy Web Service Files (Project) to default IIS Directory: C:\inetpub\wwwroot Example Deploy HTML Web Site to IIS Hans-Petter Halvorsen, M.Sc. <!DOCTYPE html> <html> <body> IIS Deployment <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> IIS Deployment Test your Web Page in your Web browser “localHost” is your personal computer, you cam also use your IP address. Web Server Clients Web Page Development Tool E.g. Visual Studio PC witH Web Browser Your Development PC <!DOCTYPE html> HTML Code <html> <body> Simple HTML Page <h1>My First Heading</h1> Example <p>My first paragraph.</p> </body> </html> Web Browser: 40 Example Deploy ASP.NET Web App to IIS Hans-Petter Halvorsen, M.Sc. Create Web App in Visual Studio Create Web App in Visual Studio Create and Test Web App in Visual Studio Internet Information Services (IIS) Manager 1 Add your Application in IIS Manager Copy your Visual Studio Project 2 3 4 Then Test your Web App Rename your WebForm or Add New Default Document Test It Not WorKing? • Install correct .NET FrameworK in tHe Virtual MacHine • MaKe sure tHe IIS User Has access (“owner” or “read/write”) to tHe SQL Server Database Example Deploy ASP.NET Web Apps with Visual Studio Hans-Petter Halvorsen, M.Sc. Alternatives: Deployment/PublisH - Create a “Installation PacKage” tHat you or tHe Customer need to install on the server (Web Deploy PacKage) - Deploy directly to tHe server using “Web Deploy” (You need to have online access to the server) - Deploy directly to tHe server using “FTP” (You need to have online access to the server) - File System 50 Deployment Alternative #1 File System Deployment Hans-Petter Halvorsen, M.Sc. File System Deployment RigHt-click on tHe ASP.NET Project in tHe Solution Explorer in Visual Studio and select “Publish...” Copy «MyWebApp» To tHe IIS Folder (inetpub/wwwroot) Internet Information Services (IIS) Manager 1 Add your Application in IIS Manager Copy your Visual Studio Project 2 3 Rename your WebForm or Add 4 Then Test your Web App New Default Document Test It! Deployment Alternative #2 Web PacKage Deployment Hans-Petter Halvorsen, M.Sc. Web PacKage Deployment RigHt-click on tHe ASP.NET Project in tHe Solution Explorer in Visual Studio and select “Publish...” If you miss tHe “Deploy” option, maKe sure to install tHe “Web Deploy” features. You may download and install it from WebPI (Web Platform Installer) (Google it and download it) Create Web PacKage Wizard Create Web PacKage Wizard If your Web App uses a Database connection in Web.config, you may setup tHe Connection String on tHe Server Here. You may fill in tHe Connection String to tHe Database Preparation You may need to install the “Web Deploy” software on the Server Download WebPI (Web Platform Installer) and tHen select to Install “Web Deploy for Hosting Servers” Import PacKage in IIS Import PacKage in IIS MaKe sure you Have copied tHe Installation PacKage to tHe Server Web PacKage Deployment Test It Hans-Petter Halvorsen, M.Sc. University College of SoutHeast Norway www.usn.no E-mail: [email protected] Blog: http://home.hit.no/~hansha/.

View Full Text

Details

  • File Type
    pdf
  • Upload Time
    -
  • Content Languages
    English
  • Upload User
    Anonymous/Not logged-in
  • File Pages
    67 Page
  • File Size
    -

Download

Channel Download Status
Express Download Enable

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

  • Not to be reproduced or distributed without explicit permission.
  • Not used for commercial purposes outside of approved use cases.
  • Not used to infringe on the rights of the original creators.
  • If you believe any content infringes your copyright, please contact us immediately.

Support

For help with questions, suggestions, or problems, please contact us