![Page 1: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/1.jpg)
Demo Script
Azure Web App for Containers Code Sample
1
![Page 2: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/2.jpg)
Prepare the demo
• Setup the demo according to the instructions in the README.md file in the GitHub repository.
• Create or use existing GitHub AND LinkedIn accounts• Ensure that the accounts you use to run the demo have their name, company, and location
populated in their profile.• If these fields are not populated then no data will be returned in certain queries in the app.
• Setting up User 2• Before executing the demo you must sign in and register with User 2 and fill out their phone
number and skills on the profile page.• It is strongly recommended you enter programming skills for User 2 that you will also enter for
User 1.• Doing so will make User 2 show up in the Suggested Friends search result section when User 1 views it in the demo.
• If you wish to use the SMS text messages, you must also follow the steps in the README file that describe how to register and verify the phone number for the user with the Twilio trial.
2
![Page 3: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/3.jpg)
End User Scenario – Part 1
User 1 signs in with GitHub or LinkedIn
account
User 1 connects GitHub or LinkedIn account
User 1 views their profile and adds
additional profile info (Phone Number, Skills)
User 1 searches for friends and views suggested friends
User 1 views search results and suggested
friends
User 1 views profile for one of the search result
users
User 1 sends chat message to search
result user
3
![Page 4: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/4.jpg)
User 1
• User 1 executes this part of the demo.
• User 1 is a developer who is looking for another developer to work on a project with, or a recruiter looking to hire a developer.• Sign in with a GitHub if you are acting as a developer.
• Sign in with LinkedIn if you are acting as a recruiter.
• This slide deck shows User 1 acting as a developer, therefore the screens show signing in with GitHub, then connecting the LinkedIn account.• In this example, User 1 is named Code Pro Master and User 2 is named Todd
Baginski
4
![Page 5: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/5.jpg)
1. In a web browser, open the Developer Finder Application2. In the GitHub section, click Sign In using GitHub
5
![Page 6: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/6.jpg)
1. Enter Username or email address2. Enter Password3. Click Sign in
6
![Page 7: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/7.jpg)
This step is only necessary if you have MFA turned on for the account.
1. Enter Authentication code2. Click Verify
7
![Page 8: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/8.jpg)
1. Click Authorize
8
![Page 9: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/9.jpg)
1. Click Connect my LinkedIn Profile
9
![Page 10: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/10.jpg)
1. Enter email address2. Enter password3. Click Allow access
10
![Page 11: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/11.jpg)
1. Enter phone number
IMPORTANT: You must add the prefix for the country code or the SMS will not be sent.Example: +15551112222
2. Enter Programming Skills
It is strongly recommended you enter programming skills that match the skills you created when you sent up the User 2 account.Doing so will make User 2 show up in the Suggested Friends search result section.
3. Click Save4. Click Go to Search
11
![Page 12: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/12.jpg)
1. Wait until the Suggested Friends search results appear.2. Click Search
12
![Page 13: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/13.jpg)
1. Click the full name for User 2 you previously set up.
13
![Page 14: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/14.jpg)
1. Click Chat
14
![Page 15: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/15.jpg)
15
![Page 16: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/16.jpg)
1. Enter the following text in the chat textbox:
Hi, would you like to work on a project?
2. Click Send
16
![Page 17: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/17.jpg)
1. Watch the chat message appear in the conversation window.
17
![Page 18: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/18.jpg)
End User Scenario – Part 2
User 2 receives SMS message
User 2 signs in with GitHub or
LinkedIn account
User 2 views chat message from user 1
User 2 views user 1's profile
User 2 responds to user 1‘s chat
message
18
![Page 19: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/19.jpg)
User 2
• User 2 executes this part of the demo.
• User 2 is a developer who has previously registered in the Developer Finder app. This is the User who will be contacted by user 1.
• IMPORTANT NOTES:• Before executing the demo you must sign in with User 2 and fill out their
phone number and skills.
• If you wish to use the SMS text messages, you must also follow the steps in the README file that describe how to register and verify the phone number for the user with the Twilio trial.
19
![Page 20: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/20.jpg)
User 2 Views SMS On Phone
20
![Page 21: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/21.jpg)
1. In a web browser, open the Developer Finder Application2. In the GitHub section, click Sign In using GitHub
21
![Page 22: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/22.jpg)
1. Enter Username or email address2. Enter Password3. Click Sign in
22
![Page 23: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/23.jpg)
This step is only necessary if you have MFA turned on for the account.
1. Enter Authentication code2. Click Verify
23
![Page 24: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/24.jpg)
1. Click the notification icon
24
![Page 25: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/25.jpg)
1. Click the notification
25
![Page 26: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/26.jpg)
1. Click User 1’s name
26
![Page 27: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/27.jpg)
1. Click Chat
27
![Page 28: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/28.jpg)
1. Enter the following text in the chat textbox:
Yes, that sounds great!
2. Click Send
28
![Page 29: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/29.jpg)
1. Watch the chat message appear in the conversation window
29
![Page 30: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/30.jpg)
End User Scenario – Part 3
User 1 signs in with GitHub or
LinkedIn account
User 1 views chat message from user 2
User 1 responds to user 2‘s chat
message
User 1 makes user 2 a friend
30
![Page 31: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/31.jpg)
User 1
• User 1 executes this part of the demo.
31
![Page 32: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/32.jpg)
1. In a web browser, open the Developer Finder Application2. In the GitHub section, click Sign In
32
![Page 33: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/33.jpg)
1. Enter Username or email address2. Enter Password3. Click Sign in
33
![Page 34: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/34.jpg)
This step is only necessary if you have MFA turned on for the account.
1. Enter Authentication code2. Click Verify
34
![Page 35: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/35.jpg)
1. View the chat message
35
![Page 36: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/36.jpg)
1. Enter the following text in the chat textbox:
Fantastic! I will add you as a friend and we can get started.
2. Click Send
36
![Page 37: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/37.jpg)
1. Watch the chat message appear in the conversation window2. Click User 2’s name
37
![Page 38: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/38.jpg)
1. Click Friend
38
![Page 39: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/39.jpg)
1. Watch the Friend icon change to indicate the friend was added
39
![Page 40: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/40.jpg)
DevOps Scenario (CI / CD) – Part 1
Developer clones web app GitHub project
repository
Developer changes code (uncomments) in the web page to display banner ad on the home page and all
other pages
Developer pushes changes to web app GitHub repository
VSO Build Definition starts and builds code
and deploys it to staging slot
Developer logs into Azure Portal
Developer swaps staging and production slots
Developer sets scaling options and clones to another geolocation
40
![Page 41: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/41.jpg)
Developer 1
• Developer 1 executes this part of the demo.
• Developer 1 is a user who has access to the resource group where the Developer Finder application is deployed.
41
![Page 42: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/42.jpg)
1. Logout from the app.You will be redirected to the login page.
42
![Page 43: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/43.jpg)
1. Notice that there is no banner.
43
![Page 44: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/44.jpg)
1. Open the solution in VSCode2. Open the file /Frontend/src/app/header/header.component.html3. Uncomment code from line 25 to line 334. Uncomment code from line 45 to line 535. Finally, Save the file
44
![Page 45: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/45.jpg)
1. Click the source control icon
45
![Page 46: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/46.jpg)
1. Click +
46
![Page 47: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/47.jpg)
1. Input a comment: Added banner to login and all pages.2. Click ✓
47
![Page 48: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/48.jpg)
1. Click · · ·2. Click Push
48
![Page 49: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/49.jpg)
1. Click Build Definition
49
![Page 50: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/50.jpg)
1. Click the running build
50
![Page 51: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/51.jpg)
51
![Page 52: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/52.jpg)
1. Wait for about 10 minutes2. Refresh the login page, you will see the banner appear
Note: If you see a 502 Bad Gateway error, please wait for a few minutes then refresh the page.
52
![Page 53: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/53.jpg)
DevOps Scenario (CI / CD) – Part 2
User 1 signs in with GitHub or
LinkedIn account
User 1 views banner ad on
web site
53
![Page 54: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/54.jpg)
User 1
• User 1 executes this part of the demo.
54
![Page 55: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/55.jpg)
1. Navigate to the web app, you will see the banner appear
55
![Page 56: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/56.jpg)
Logic App / Functions Deep Dive
Developer logs into Azure Portal
Developer opens resource group
Developer opens send-sms Logic App
Developer inspects send-sms Logic App in Edit Mode and shows the
calls to Twilio
Developer opens Function App
Developer inspects Function App in Edit
Mode and shows calls to Application Insights
Developer inspects Application Insights logs
in Azure Portal and shows the custom events that
are logged by the system
56
![Page 57: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/57.jpg)
Developer 1
• Developer 1 executes this part of the demo.
57
![Page 58: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/58.jpg)
1. In a web browser open the Azure Portal2. Log in3. Open the Resource Group where the Developer Finder Application is deployed4. Click the Logic App
58
![Page 59: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/59.jpg)
1. Click Edit
59
![Page 60: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/60.jpg)
1. Click the Send Text Message (SMS) step
60
![Page 61: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/61.jpg)
1. Show the details in the Send Text Message (SMS) step2. Click the Resource Group in the breadcrumb at the top of the page
61
![Page 62: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/62.jpg)
1. Click the Azure Function
62
![Page 63: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/63.jpg)
1. Click TrackCustomEvent
63
![Page 64: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/64.jpg)
1. View the code in the TrackCustomEvent Azure Function that creates Custom Events in Application Insights
2. Click the resource group link
64
![Page 65: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/65.jpg)
1. Click the Application Insights
65
![Page 66: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/66.jpg)
1. Click Search
66
![Page 67: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/67.jpg)
1. View the Custom Events2. Click a Custom Event
67
![Page 68: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/68.jpg)
1. View the details for the Custom Event
68
![Page 69: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/69.jpg)
Reset Demo User Accounts
• Resetting a demo user’s account does the following things.• Deletes all the data in the database for the demo
• Allows you to log in with the user again and do any demo steps entirely from scratch
• See the following slides to see how to reset a user account
69
![Page 70: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/70.jpg)
1. Open the dropdown menu in the top right corner
70
![Page 71: Azure Web App for Containers Code Sample Demo Script Script.pdf · Azure Web App for Containers Code Sample 1. Prepare the demo •Setup the demo according to the instructions in](https://reader035.vdocuments.site/reader035/viewer/2022062414/5f0fa4a57e708231d4452da0/html5/thumbnails/71.jpg)
1. Select Logout and clear account data
71