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.

    Modifying the Config File

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    101 Posts 7 Posters 141.2k Views 7 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.
    • J Offline
      jimb
      last edited by sdetweil

      Sam, here is a copy of the config.js (with the apiKey deleted)

      let config = {
      	address: "localhost",	// Address to listen on, can be:
      							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
      							// - another specific IPv4/6 to listen on a specific interface
      							// - "0.0.0.0", "::" to listen on any interface
      							// Default, when address config is left out or empty, is "localhost"
      	port: 8080,
      	basePath: "/",			// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
      					  		// you must set the sub path here. basePath must end with a /
      	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],	// Set [] to allow all IP addresses
      															// or add a specific IPv4 of 192.168.1.5 :
      															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
      															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
      															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
      
      	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
      	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
      	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
      
      	language: "en",
      	locale: "en-US",
      	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
      	timeFormat: 12,
      	units: "imperial",
      
      	modules: [
      		{
      			module: "alert",
      		},
      		{
      			module: "updatenotification",
      			position: "top_bar"
      		},
      		{
      			module: "clock",
      			timezone: "America/Chicago",
      			showPeriodUpper: "true",
      			showDate: "true",
      			position: "top_left",
      		},
      	{
      			module: "calendar",
      			header: "US Holidays",
      			position: "top_left",
      			config: {
      				calendars: [
      					{
      						fetchInterval: 7 * 24 * 60 * 60 * 1000,
      						symbol: "calendar-check",
      						url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
      					}
      				]
      			}
      		},
      		{
      			module: "compliments",
      			position: "lower_third"
      		},
      		{			
      			module: "weather",
      			units: "imperial",
      			windUnits: "imperial",
      			tempUnits: "imperial",
      			showPeriodUpper: "true",
      			appendLocationNameToHeader: "true",
      			colored: "true",
      			position: "top_right",
      			config: {
      				apiVersion:"3.0",
      				weatherProvider: "openweathermap",
      				weatherEndpoint:"/onecall",
      				lat: "33.50872",
      				lon: "-96.612213",
      				type: "current",
      				location: "Houston",
      				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
      				apiKey: "8acfbcab123ce212",
      			}
      		},
      		{
      			module: "weather",
      			units: "imperial",
      			winUnits: "imperial",
      			tempUnits: "imperial",
      			showPeriodUpper: "true",
      			appendLocationNaneToHeader: "true",
      			colored: "true",
      			position: "top_right",
      			header: "Weather Forecast",
      			config: {
       				apiVersion:"3.0",
       				weatherProvider: "openweathermap",
      				weatherEndpoint:"/onecall",
      				lat: "33.50872",
       				lon:"-96.612213",	
       				type: "forecast",
           				location: "Houston",
      				locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
      					apiKey: "8eca2acaacfbcab123ce212",
      			}
      		},
      		{
      			module: "newsfeed",
      			position: "bottom_bar",
      			config: {
      				feeds: [
      					{
      						title: "New York Times",
      						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
      					}
      				],
      				showSourceTitle: true,
      				showPublishDate: true,
      				broadcastNewsFeeds: true,
      				broadcastNewsUpdates: true
      			}
      		},
      	]
      };
      
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") {module.exports = config;}
      
      

      Screen.jpg

      1 Reply Last reply Reply Quote 0
      • J Offline
        jimb
        last edited by

        Sam, I tried to do the Ctrl-Shift_i keypress in the browser, but nothing happened. Do I need to do this at a certain point in time or from a certain place. The reason is because I’m still getting the 401-unauthorized messages if I perform the npm start dev process during application start.

        S 3 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @jimb
          last edited by

          @jimb weird… always works for me.

          I meant to test w my apikeys today.

          will get to it

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @jimb well, I used your exact weather config, and used my openweather api key , and it worked perfectly

            Screenshot 2023-12-04 8.45.24 PM.png

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @jimb and you’ve got some stuff out of position

              this is the more correct layout

                              {                       
                                      module: "weather",
                                    position: "top_right",
                                     config:{
                                         units: "imperial",
                                         windUnits: "imperial",
                                         tempUnits: "imperial",
                                         showPeriodUpper: "true",
                                         appendLocationNameToHeader: "true",
                                         colored: "true",
                      //              position: "top_right",
                      //              config: {
                                              apiVersion:"3.0",
                                              weatherProvider: "openweathermap",
                                              weatherEndpoint:"/onecall",
                                              lat: "29.8155405", //"33.50872",
                                              lon: "-96.0607878", //"-96.61",
                                              type: "current",
                                              //location: "Houston",
                                              //locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and fi>
                                              apiKey:""
                                      }
                              },
                GNU nano 6.2                                                       config/config.js                                                                
                              {
                                      module: "weather",
                                      position:"top_right",
                                      header: "Weather Forecast",
                                      config:{
                                          units: "imperial",
                                         winUnits: "imperial",
                                         tempUnits: "imperial",
                                        showPeriodUpper: "true",
                                        appendLocationNaneToHeader: "true",
                                        colored: "true",
                                      //position: "top_right",
                                      //header: "Weather Forecast",
                                      //config: {
                                              apiVersion:"3.0",
                                              weatherProvider: "openweathermap",
                                              weatherEndpoint:"/onecall",
                                              lat: "33.50872",
                                              lon:"-96.612213",       
                                              type: "forecast",
                                              //location: "Houston",
                                              //locationID: "4699066", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and fi>
                                                      apiKey:"// "
                                      }
                              }, 
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • J Offline
                jimb
                last edited by

                Sam, that’s helpful, thanks! The items out of alignment happened when I deleted some of my apiKey. The original is perfectly straight. Since it worked with your Key, a couple of questions.

                1. Does your Key have 28 digits?
                2. Can you answer my question concerning the Ctrl-Shift-i keys to display the browser data. Can I stop the MM app and load the browser, or…
                  JimB
                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @jimb
                  last edited by sdetweil

                  @jimb my apikey has 33 characters

                  it is the default key in openweather (I have multiple)

                  i just brought up MM, and used my chromebook to bring up the page… and then ctrl-shift-i (letter sounds like eye) all at once, opened the dev window

                  you can do those three keys on any webpage, its a toggle… on/off

                  using normal chrome, you can use the 3 dot menu to get there too
                  Screenshot 2023-12-05 12.51.15 PM.png

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    jimb
                    last edited by

                    Sam, why is it always the simple things :-)
                    I found a simple link that allowed me to test the openweather api link:
                    http://api.openweathermap.org/data/2.5/forecast?id=524901&appid={API Key}
                    I saw the 2.5 and changed it to 3.0 and got a 401 error. I changed it back to 2.5 and it worked. I tried commenting out the 3.0 & /onecall items in config.js and got a “config.js not found” error when running MM. I had used (/*) in the leftmost column as a ‘ignore line’ comment. So, I deleted the 4 lines from config.js and it worked fine except for a teensy error “displaying Howe instead of Houston” in the display. I have no idea where that came from. I wonder why the fourth largest city in the US isn’t listed in the pull-down menu?

                    IMG_2036.jpg

                    Now, I’m going to see if I can add additional modules.
                    Thanks for your very patient help!!

                    S BKeyportB 2 Replies Last reply Reply Quote 1
                    • S Offline
                      sdetweil @jimb
                      last edited by

                      @jimb awesome… making progress!!!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @jimb
                        last edited by

                        @jimb it’s always the simplest solution… ALWAYS.

                        The "E" in "Javascript" stands for "Easy"

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 7
                        • 8
                        • 9
                        • 10
                        • 11
                        • 9 / 11
                        • 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