Abstract: The installation of solar roofs is expected to alleviate to a certain extent the energy crisis caused by urbanization and the destruction of urban thermal environment. The heat transfer model of solar panels is introduced into the WRF multi-layer urban canopy scheme, and the effects of solar roofs in two installation forms (attached roof and scaffolding roof) on urban thermal environment and energy consumption balance are simulated online. A typical heat wave weather is selected for the present study. The results show that: (1) Installation of the attached solar roof can reduce 2 m temperature by 0.29°C during the daytime, and the cooling effect is better than that of the scaffolding roof, but the decrease of temperature at the nighttime is small. The scaffolding roof cools down to 0.23°C during the daytime, and the effect of cooling at the nighttime is significant. Compared with the ordinary roof, the temperature is lowered by 0.60°C. (2) The solar roof can really cool down the urban area during the daytime, but it will also weaken the turbulence, inhibit the development of the daytime boundary layer and reduce the height of the boundary layer. In the case of strong turbulence development, the weakening effect of solar roofs is more obvious. (3) In addition to impacts on urban meteorology, solar roofs can make important contributions to energy supply. From the results, the power generated by solar panels can afford 54.5% of the energy consumption by air conditioners in commercial areas during the study period.