MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    New to building modules. plz help

    Scheduled Pinned Locked Moved Development
    18 Posts 2 Posters 3.9k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Djninja926
      last edited by

      @Djninja926 said in New to building modules. plz help:

        var urlApi = "https://jsonplaceholder.typicode.com/posts/1";
      

      replace that line with your url.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      D 1 Reply Last reply Reply Quote 0
      • D Offline
        Djninja926
        last edited by

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil
          last edited by

          well, that link works, so the data comes back, THEN you have to DO something with it

          because this is in the module, you will have to use the developers window
          npm start dev
          or
          npm start
          ctrl-shift-i on the keyboard

          then
          there are two tabs on the dev window
          console where messages are displayed (like console.log and Log.log from the code in the original post)
          and the sources tab, where you can step thru the code, line by line as it executes
          once on the sources tab, you have to find you code in the left nav tree, expand modules, …etc…

          to put a stop in the code, on the line

          var urlApi =
          

          click the number in the left side of the dev display, it will turn blue, meaning active stop.
          hit f5, refresh, and the page will reload and it will stop there, and u can examine the code and data
          and step ( the top half of an o shape), or right arrow, continue til next stop, if any

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • D Offline
            Djninja926 @sdetweil
            last edited by

            @sdetweil I used this link https://stats.foldingathome.org/api/donor/Apia_Okorafor but after I replaced that link it doesn’t work.

            1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil
              last edited by

              yeh, there is some difficult cors (cross site scripting security) problem

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @sdetweil
                last edited by sdetweil

                @Djninja926 to get the api request to work, I had to add a proxy handler

                        var urlApi = "https://stats.foldingathome.org/api/donor/Apia_Okorafor";
                	var proxyUrl = 'https://cors-anywhere.herokuapp.com/'
                	fetch(proxyUrl+urlApi,
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                D 1 Reply Last reply Reply Quote 0
                • D Offline
                  Djninja926 @sdetweil
                  last edited by

                  @sdetweil where do I add the code

                  var urlApi = "https://stats.foldingathome.org/api/donor/Apia_Okorafor";
                  	var proxyUrl = 'https://cors-anywhere.herokuapp.com/'
                  	fetch(proxyUrl+urlApi,
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Djninja926
                    last edited by

                    @Djninja926 sorry, I was trying different things, forgot that I changed the request function,
                    back to the original source

                    		var urlApi = "https://stats.foldingathome.org/api/donor/Apia_Okorafor"
                    		var proxyUrl = 'https://cors-anywhere.herokuapp.com/'		// added
                    		var retry = true;
                    
                    		var dataRequest = new XMLHttpRequest();
                    		dataRequest.open("GET", proxyUrl+urlApi, true);                      // changed
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    D 1 Reply Last reply Reply Quote 0
                    • D Offline
                      Djninja926 @sdetweil
                      last edited by

                      @sdetweil I did all that and this was the output
                      Captursde.PNG
                      Capturade.PNG
                      I think It is working so what do i do know.

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Djninja926
                        last edited by

                        @Djninja926 figure out the data differences from the 1st api used to the new one, and how you have to fix the output format

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        D 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy