{"id":1035,"date":"2022-04-04T17:05:35","date_gmt":"2022-04-04T16:05:35","guid":{"rendered":"http:\/\/wollef.org\/?p=1035"},"modified":"2022-04-04T17:05:35","modified_gmt":"2022-04-04T16:05:35","slug":"stage-chez-upcrm-4-4-un-explorateur-lwc-de-fichier-sharepoint-dans-salesforce","status":"publish","type":"post","link":"https:\/\/wollef.org\/blog\/stage-chez-upcrm-4-4-un-explorateur-lwc-de-fichier-sharepoint-dans-salesforce\/","title":{"rendered":"Stage chez UpCRM (4\/4) &#8211; Un explorateur LWC de fichier Sharepoint dans Salesforce"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><a>Composant Navigateur<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour le m\u00eame projet, il fallait r\u00e9ussir afficher les fichier SharePoint du client dans Salesforce. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u2019ai d\u00fb explorer des possibilit\u00e9s de solution pour ce probl\u00e8me : l&#8217;id\u00e9e \u00e9tait de faire un File Explorer dans le m\u00eame style que celui de Windows.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comme je ne sais pas encore faire des codes tr\u00e8s compliqu\u00e9s en javascript, j\u2019ai recherch\u00e9 sur internet si quelqu\u2019un avait d\u00e9j\u00e0 fait mon id\u00e9e. J\u2019ai d\u00e9cid\u00e9 d\u2019aller regarder dans AppExchange (un AppStore pour Salesforce) s\u2019il y avait des modules permettant de faire cela.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u2019ai trouv\u00e9 une Application qui faisait exactement ce que je cherchais, mais le seul probl\u00e8me \u00e9tait qu\u2019elle affichait juste les fichiers existant dans Salesforce, pas ceux stock\u00e9s dans d&#8217;autres sources de documents.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lien de l\u2019application&nbsp;: <a href=\"https:\/\/appexchange.salesforce.com\/appxListingDetail?listingId=a0N3u00000MBeLVEA1\">https:\/\/appexchange.salesforce.com\/appxListingDetail?listingId=a0N3u00000MBeLVEA1<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u2019ai vu que le code source de ce composant \u00e9tait disponible dans GitHub (<a href=\"https:\/\/github.com\/SalesforceLabs\/FileExplorer\">https:\/\/github.com\/SalesforceLabs\/FileExplorer<\/a>) et j\u2019ai propos\u00e9 a UpCRM de regarder si le module pouvait \u00eatre transform\u00e9 pour afficher les fichier SharePoint.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir examine le code, UpCRM m\u2019a confirm\u00e9 qu\u2019il \u00e9tait possible de changer le code pour le faire fonctionner comme ils veulent mais le travail allait \u00eatre un peu compliqu\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J\u2019ai donc avec un employ\u00e9 analys\u00e9 le code et nous avons travaill\u00e9 dessus pour le faire fonctionner comme on le veut. Tout en m\u2019expliquant les diff\u00e9rentes parties&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Isoler le code d\u2019acc\u00e8s au document<\/li>\n\n\n\n<li>Cr\u00e9er le code similaire pour l\u2019acc\u00e8s au document SF dans le m\u00eame principe<\/li>\n\n\n\n<li>Rendre g\u00e9n\u00e9rique le module pour qu\u2019elle fonctionne indiff\u00e9remment avec le module d\u2019acc\u00e8s aux fichier Salesforce ou aux fichier SharePoint<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">On m&#8217;a \u00e9galement montrer comment travailler avec GitHub et Salesforce pour regrouper des ensembles de codes dans des packages diff\u00e9rents et les relier entre eux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici le r\u00e9sultat final.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce que l&#8217;on voit dans Sharepoint :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/wollef.org\/wp-content\/uploads\/2022\/11\/image-6.png\" alt=\"\" class=\"wp-image-1037\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Et le navigateur de fichier sharepoint int\u00e9gr\u00e9 dans salesforce :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/wollef.org\/wp-content\/uploads\/2022\/11\/image-7.png\" alt=\"\" class=\"wp-image-1038\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pour la r\u00e9alisation de ce composant, j&#8217;ai surtout accompagn\u00e9 les travaux de r\u00e9alisation du d\u00e9veloppeur pour comprendre comment se structuraient des composants complexes, m\u00eame si je dois reconnaitre que je n&#8217;aurais pas su r\u00e9aliser le m\u00eame travail. En tout cas, cela m&#8217;a donn\u00e9 une id\u00e9e de la puissance des outils de d\u00e9veloppement qui tournent autours de SF, LWC, Javascript et quelques notion de packaging et de design avanc\u00e9 de code. <em>Complexe, mais passionnant ! <\/em>Et je suis \u00e9galement fier d&#8217;avoir eu l&#8217;id\u00e9e de proposer de modifier un composant existant ! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Composant Navigateur Pour le m\u00eame projet, il fallait r\u00e9ussir afficher les fichier SharePoint du client dans Salesforce. J\u2019ai d\u00fb explorer des possibilit\u00e9s de solution pour ce probl\u00e8me : l&#8217;id\u00e9e \u00e9tait de faire un File Explorer dans le m\u00eame style que celui de Windows. Comme je ne sais pas encore faire des codes tr\u00e8s compliqu\u00e9s en <a class=\"read-more\" href=\"https:\/\/wollef.org\/blog\/stage-chez-upcrm-4-4-un-explorateur-lwc-de-fichier-sharepoint-dans-salesforce\/\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,33,46,48,18,19],"tags":[],"class_list":["post-1035","post","type-post","status-publish","format-standard","hentry","category-2022-stage-chez-upcrm","category-apex","category-javascript","category-lightning-web-component","category-salesforce","category-sharepoint"],"_links":{"self":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts\/1035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/comments?post=1035"}],"version-history":[{"count":0,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts\/1035\/revisions"}],"wp:attachment":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/media?parent=1035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/categories?post=1035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/tags?post=1035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}