The outer blood-retinal barrier (oBRB) provides an optimal environment for the function of the photoreceptor by regulating the exchange of molecules between subretinal space and the choriocapillaris, and its dysfunction could impair the photoreceptor's function and vision. The existing in vitro models have limitations in reproducing the barrier function or physiological characteristics of oBRB and choriocapillaris. Here, we engineered a microphysiological system-based oBRB-choriocapillaris model that simultaneously incorporates the desired physiological characteristics and is simple to fabricate. First, we generated microvascular networks to mimic choriocapillaris and investigated the role of fibroblasts in vasculogenesis. By adding retinal pigment epithelial cells to one side of blood vessels formed with endothelial cells and fibroblasts and optimizing their culture medium conditions, we established an oBRB-choriocapillaris model. To verify the physiological similarity of our oBRB-choriocapillaris model, we identified the polarization and expression of the tight junction of the retinal pigment epithelium, Bruch's membrane, and the fenestral diaphragm of choriocapillaris. Finally, we tried to recapitulate the diabetes mellitus environment in our model with hyperglycemia and diabetes-related cytokines. This induced a decrease in tight junction integrity, loss of barrier function, and shrinkage of blood vessels, similar to the in vivo pathological changes observed in the oBRB and choriocapillaris. The oBRB-choriocapillaris model developed using a microphysiological system is expected to offer a valuable in vitro platform for retinal and choroidal vascular diseases in preclinical applications.