As the importance of energy saving continues to increase owing to climate change, various Internet of Things sensors, related to building temperatures, humidity, and energy usage, are being employed in buildings, such as in building energy management systems. Aiming to satisfy the rapidly increasing electric energy demands of buildings, studies have combined various building-integrated photovoltaic (BIPV) and thermoelectric generators (TEGs) to recover sunlight and heat wasted from building envelopes. However, in most previous studies, active methods for heat rejection were applied to increase the temperature difference between both ends of the TEG and cooling of the solar panel. The actual constructability problems, such as leakage problems, were insufficiently addressed. Therefore, this study proposed a BIPV-TEG system with increased constructability and heat dissipation efficiency using a heat pipe and microencapsulated phase change material (mPCM). In addition, this study analyzed the thermal behaviors and improvements in power generation efficiency through field tests by manufacturing a prototype. The results of the outdoor experiment indicated that the BIPV-TEG-PCM prototype improved power generation efficiency by approximately 2% in the intermediate season and 2.5% in the summer relative to the efficiency of a general PV panel. Moreover, using a single TEG, approximately 3.06 Wh of the heat wasted in the building envelope can be recovered as a form of electricity annually.