Display all sub site for a site collection SharePoint Online

Question

Good morning,

I'm using sharepoint online part of Office 365, but my license is business essential. I need to display inside a page all the sub sites of my site collection with -Title - Link - Logo Image. I can do it neither with content query nor content search Web part because of my licence. Could someone please help me to solve this problem using javascript with script web part. Thank you

Answer 1

1. Create a SharePoint Add-in project
2. Select Client Web Part

3. Paste this code below in your App.js :

   function getWebs()
   {
      var context = SP.ClientContext.get_current();
      var web = context.get_web();
      var site = context.get_site(); 
      var rootWeb = web.get_rootWeb();
      var subWebs = rootWeb.get_webs();
   
      context.load(subWebs, 'Include(Title, ServerRelativeUrl,ParentWeb,Url)');
      context.executeQueryAsync(
       function () {  
            for (var i = 0; i < subWebs.get_count(); i++) {
               var subWeb = subWebs.getItemAtIndex(i);
               var parentWeb = subWeb.get_parentWeb();
               console.log(subWeb.get_title());
               console.log(subWeb.get_serverRelativeUrl());
               console.log(subWeb.get_url());
             }
       },
       function (sender, args) {
          console.log(args.get_message());
       }
      );   
   }