7.16 Update version 1.2
1. Sharing of the latest self-written simulator
2.Fix the black screen problem
7.9 Update version 1.1
1. Support more APIs and fix some problems
The following content is all original, please indicate the source and author @GiveMeFive when reprinting
Maybe everyone is troubled. When developing the watch face, you can’t see what it looks like until you install it. When developing the mini program, you can install it on the bracelet and nothing comes out, and no problem can be found.
Currently, there is only an official watch simulator, and it is troublesome to install. It only supports Linux systems. It has discouraged countless people, including the author himself (it took three or four hours to do it but it was still not finished).
Therefore, the idea of making your own simulator came to mind. Supports most dial controls, calling and rendering of mini program interfaces, click events, and Timer functions.
If you encounter something that is not supported, please leave a message and adapt and upgrade when you see it.
The above is the preface, followed by tutorials. The following tutorials can be basically completed in 10 minutes.
1. Unzip the attachment to get the following folder. Note that the decompression path cannot contain Chinese characters! 浏览附件13017
2. Click start.exe to open the service (actually the nginx service)
3. Open Google Chrome (preferably Google Chrome), enter http://127.0.0.1:8088/ in the address bar , and open the following screen. If it cannot be accessed, check whether the decompression path contains Chinese characters and whether port 8088 is occupied. 浏览附件13022 浏览附件13023
4. OK, the simulator has been started. The next step is to modify the dial. The dial files are in the following directory.
The files inside are the same as those extracted from the normal watch face. However, please note that the decompressed images must be converted into normal png, and they must be manually converted into tga format when packaging.
For the conversion tool, please see another post. 浏览附件13019
5. Then, you can use any development tools to make modifications. Just refresh the browser after modification. Sometimes the browser has a cache, so clear the cache and refresh it.
Please use the F12 function of the browser to debug.
Okay, that’s the end of the above tutorial. Please note that if the path of the watch face file is not watchface/index.js, please modify the path address in the following file. 浏览附件13020
