• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 105.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 Dec 4, 2023, 8:28 PM Dec 4, 2023, 8:00 PM

    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 Dec 5, 2023, 2:14 AM

      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 Dec 5, 2023, 2:19 AM Reply Quote 0
      • S Offline
        sdetweil @jimb
        last edited by Dec 5, 2023, 2:19 AM

        @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 Dec 5, 2023, 2:47 AM

          @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 Dec 5, 2023, 3:03 AM

            @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 Dec 5, 2023, 6:38 PM

              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 Dec 5, 2023, 6:49 PM Reply Quote 0
              • S Offline
                sdetweil @jimb
                last edited by sdetweil Dec 5, 2023, 6:52 PM Dec 5, 2023, 6:49 PM

                @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 Dec 5, 2023, 10:09 PM

                  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 B 2 Replies Last reply Dec 5, 2023, 10:10 PM Reply Quote 1
                  • S Offline
                    sdetweil @jimb
                    last edited by Dec 5, 2023, 10:10 PM

                    @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
                    • B Offline
                      BKeyport Module Developer @jimb
                      last edited by Dec 5, 2023, 10:38 PM

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

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

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 10
                      • 11
                      • 2 / 11
                      2 / 11
                      • First post
                        79/101
                        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