{"id":163,"date":"2018-05-05T21:26:02","date_gmt":"2018-05-05T21:26:02","guid":{"rendered":"https:\/\/projects-42.nl\/?p=163"},"modified":"2018-05-09T18:00:47","modified_gmt":"2018-05-09T18:00:47","slug":"citrix-xendesktop-7-17-part-2-configuring-storefront","status":"publish","type":"post","link":"https:\/\/projects-42.nl\/index.php\/2018\/citrix-xendesktop-7-17-part-2-configuring-storefront\/","title":{"rendered":"Citrix Xendesktop 7.17 part 2: Configuring storefront for the HTML5 Reciever"},"content":{"rendered":"<p>In the <a href=\"https:\/\/projects-42.nl\/index.php\/2018\/citrix-xendesktop-7-17-part-1-setting-up-the-controller\/\">first part<\/a> of this series of articles about Xendesktop, we have installed a delivery controller and configured a empty site. In part 2 we will be configuring Citrix Storefront for use with the Receiver for web application and we will setup the necessary policy&#8217;s. This will greatly improve the enviroment for testing purposes because we wont have to install or reconfigure the Citrix Receiver application every time we want to test something.<\/p>\n<figure id=\"attachment_170\" aria-describedby=\"caption-attachment-170\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-170 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.20.png\" alt=\"\" width=\"1020\" height=\"470\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.20.png 1020w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.20-300x138.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.20-768x354.png 768w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-170\" class=\"wp-caption-text\">When we start Citrix studio, there are two snap-ins loaded: Citrix Studio and Citrix storefront. When we click on The storefront snap-in we get the option to view or change stores or create a new store. Citrix adds a store by default so Click on &#8220;<strong>View or Change Stores<\/strong>&#8220;.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_171\" aria-describedby=\"caption-attachment-171\" style=\"width: 1027px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-171 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21.png\" alt=\"\" width=\"1027\" height=\"635\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21.png 1027w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-300x185.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-768x475.png 768w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-1024x633.png 1024w\" sizes=\"auto, (max-width: 1027px) 100vw, 1027px\" \/><figcaption id=\"caption-attachment-171\" class=\"wp-caption-text\">The next screen gives a list of available stores and some basic information about the selected store. We want to enable the HTML5 Receiver. to do this, Click the &#8220;<strong>Manage Receiver for Web Sites<\/strong>&#8221; link on the lower right site of the screen.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_172\" aria-describedby=\"caption-attachment-172\" style=\"width: 617px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-172 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.22.png\" alt=\"\" width=\"617\" height=\"389\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.22.png 617w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.22-300x189.png 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><figcaption id=\"caption-attachment-172\" class=\"wp-caption-text\">After clicking the link the above window appears. Click the <strong>Configure&#8230;<\/strong> button to continue.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_173\" aria-describedby=\"caption-attachment-173\" style=\"width: 820px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-173 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.23.png\" alt=\"\" width=\"820\" height=\"602\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.23.png 820w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.23-300x220.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.23-768x564.png 768w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><figcaption id=\"caption-attachment-173\" class=\"wp-caption-text\">Select the &#8220;<strong>Deploy Citrix Receiver<\/strong>&#8221; tab and choose &#8220;<strong>Always use Receiver for HTML5<\/strong>&#8221; at the Deployment options drop down.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_166\" aria-describedby=\"caption-attachment-166\" style=\"width: 817px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-166 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.24.png\" alt=\"\" width=\"817\" height=\"602\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.24.png 817w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.24-300x221.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.24-768x566.png 768w\" sizes=\"auto, (max-width: 817px) 100vw, 817px\" \/><figcaption id=\"caption-attachment-166\" class=\"wp-caption-text\">Click on the &#8220;<strong>Client Interface Settings<\/strong>&#8221; tab and deselect &#8220;<strong>Auto launch desktop<\/strong>&#8221; under Web sessions, otherwise every time you open the receiver page it will attempt to launch the first available desktop. Click <strong>OK<\/strong> to close the dialog. Click <strong>Close<\/strong> on the next dialog.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_171\" aria-describedby=\"caption-attachment-171\" style=\"width: 1027px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-171 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21.png\" alt=\"\" width=\"1027\" height=\"635\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21.png 1027w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-300x185.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-768x475.png 768w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.21-1024x633.png 1024w\" sizes=\"auto, (max-width: 1027px) 100vw, 1027px\" \/><figcaption id=\"caption-attachment-171\" class=\"wp-caption-text\">Now we want to setup the default domain, this step is not necessary but it will save the trouble of retyping the domain name every time we want to login to the receiver. Click &#8220;<strong>Manage Authentication Methods<\/strong>&#8221; at the bottom right of the screen.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_167\" aria-describedby=\"caption-attachment-167\" style=\"width: 566px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-167 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.25.png\" alt=\"\" width=\"566\" height=\"427\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.25.png 566w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.25-300x226.png 300w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><figcaption id=\"caption-attachment-167\" class=\"wp-caption-text\">Click the gear icon next to the &#8220;User name and password&#8221; method and click on &#8220;Configure Trusted Domains&#8221;.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_168\" aria-describedby=\"caption-attachment-168\" style=\"width: 492px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-168 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.26.png\" alt=\"\" width=\"492\" height=\"374\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.26.png 492w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.26-300x228.png 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><figcaption id=\"caption-attachment-168\" class=\"wp-caption-text\">Select &#8220;<strong>Trusted domains only<\/strong>&#8221; if you only want to allow logon attempts for trusted domains. Click on <strong>Add&#8230;<\/strong> and type the name of your domain. Click <strong>OK<\/strong> to close the dialog. If you have multiple domains you can check the show domains list in logon page checkbox. Click <strong>OK<\/strong> to close the dialog and click <strong>OK<\/strong> again to close the second dialog.<\/figcaption><\/figure>\n<p>Now we have Storefront ready to go, we still have to set a policy to allow WebSocket connections to all Xendesktop and Xenapp systems. Without WebSockets enabled we wont be able to use the HTML5 Receiver.<\/p>\n<figure id=\"attachment_184\" aria-describedby=\"caption-attachment-184\" style=\"width: 1025px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-184 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.28.png\" alt=\"\" width=\"1025\" height=\"728\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.28.png 1025w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.28-300x213.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.28-768x545.png 768w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.28-1024x727.png 1024w\" sizes=\"auto, (max-width: 1025px) 100vw, 1025px\" \/><figcaption id=\"caption-attachment-184\" class=\"wp-caption-text\">In Citrix Studio, navigate to the <strong>Policies<\/strong> section and click <strong>Close<\/strong> to close the welcome message.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_185\" aria-describedby=\"caption-attachment-185\" style=\"width: 1023px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-185 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.29.png\" alt=\"\" width=\"1023\" height=\"729\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.29.png 1023w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.29-300x214.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.29-768x547.png 768w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><figcaption id=\"caption-attachment-185\" class=\"wp-caption-text\">This section of Citrix Studio gives an overview over the applied policies. We want to create a new policy to do this, click the <strong>Create Policy<\/strong> link at the right side of the screen.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_180\" aria-describedby=\"caption-attachment-180\" style=\"width: 803px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-180 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.31.png\" alt=\"\" width=\"803\" height=\"604\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.31.png 803w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.31-300x226.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.31-768x578.png 768w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><figcaption id=\"caption-attachment-180\" class=\"wp-caption-text\">After clicking the Create Policy button, the Create Policy wizard pops up. We want to enable WebSockets, so we search for &#8220;<strong>webs<\/strong>&#8221; or something like it. There are 3 settings shown: Allow connections, port numbers and trusted origins. for the testing purposes we only need to enable WebSockets. Press the <strong>Select<\/strong> link after the <strong>WebSockets connection<\/strong> setting.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_181\" aria-describedby=\"caption-attachment-181\" style=\"width: 612px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.32.png\" alt=\"\" width=\"612\" height=\"483\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.32.png 612w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.32-300x237.png 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><figcaption id=\"caption-attachment-181\" class=\"wp-caption-text\">At the Edit Setting dialog Click the <strong>Allowed<\/strong> radio button and click <strong>OK<\/strong>. Click <strong>Next<\/strong> on the Create Policy wizard to continue with the wizard.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_182\" aria-describedby=\"caption-attachment-182\" style=\"width: 802px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-182 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.33.png\" alt=\"\" width=\"802\" height=\"600\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.33.png 802w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.33-300x224.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.33-768x575.png 768w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><figcaption id=\"caption-attachment-182\" class=\"wp-caption-text\">Click the &#8220;<strong>All objects in the Site<\/strong>&#8221; radio button on the &#8220;Users and Machines&#8221; tab. If you only want to use the HTML5 receiver on specific systems or desktop groups you can also do this with the &#8220;Selected users and machine objects&#8221; option. But in this case we want all systems to be able to use WebSockets. Click <strong>Next<\/strong> to continue.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_183\" aria-describedby=\"caption-attachment-183\" style=\"width: 805px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-183 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.34.png\" alt=\"\" width=\"805\" height=\"603\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.34.png 805w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.34-300x225.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.34-768x575.png 768w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><figcaption id=\"caption-attachment-183\" class=\"wp-caption-text\">Add a name for the Policy and check the<strong> Enable policy<\/strong> checkbox. Click <strong>Finish<\/strong> to activate the policy.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_169\" aria-describedby=\"caption-attachment-169\" style=\"width: 949px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-169 size-full\" src=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.27.png\" alt=\"\" width=\"949\" height=\"470\" srcset=\"https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.27.png 949w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.27-300x149.png 300w, https:\/\/projects-42.nl\/wp-content\/uploads\/2018\/05\/CitrixXendesktopXenapp7.17.27-768x380.png 768w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><figcaption id=\"caption-attachment-169\" class=\"wp-caption-text\">Now we can logon to StoreFront. browse to the web-store URL and login with an AD account. You will be presented with the above screen. Since we don&#8217;t have applications or desktops the screen is empty.<\/figcaption><\/figure>\n<p>In the next part we will be adding a Desktop to the mix.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the first part of this series of articles about Xendesktop, we have installed a delivery controller and configured a empty site. In part 2 we will be configuring Citrix Storefront for use with the Receiver for web application and we will setup the necessary policy&#8217;s. This will greatly improve the enviroment for testing purposes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":164,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,17],"tags":[45,49,48,46,47],"class_list":["post-163","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-citrix","category-projects","tag-citrix","tag-html5-reciver","tag-storefront","tag-xenapp","tag-xendesktop"],"_links":{"self":[{"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":7,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/posts\/163\/revisions\/187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/media\/164"}],"wp:attachment":[{"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-42.nl\/index.php\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}