Osmotic stress is a serious physiological disorder that affects water movement within the cell membranes. Osmotic stress adversely affects agricultural production and sustainability and is largely caused by soil salinity and water stress. An integrated nitrogen-fixing bacteria (NFB) soil amendment and an exogenous foliar application of Aloe vera leaf extract (ALE), and moringa leaf extract (MLE) were evaluated on roselle (Hibiscus sabdariffa L.) growth, calyx yield, secondary metabolites, and tolerance to osmotic stress in salt-affected soil. The osmotic stress markedly decreased above- and below-ground development of the roselle plant, but integrated NFB soil amendment with ALE or MLE foliar application significantly alleviated its negative impacts. Broadly, an improvement was observed in chlorophyll, carbohydrates, and protein levels following NFB and extracts foliar application, as well as a significant enhancement in antioxidant production (total phenols, ascorbic acid, and FRAP), which decreased peroxide production and increased stress tolerance in plants. Under osmotic stress, the roselle calyx revealed the highest anthocyanin levels, which declined following NFB soil amendment and foliar extract application. Additionally, an enhancement in nitrogen (N), phosphorus (P), and potassium (K) contents and the K/Na ratio, along with a depression in sodium (Na) content, was noticed. The integrated application of Azospirillum lipoferum × ALE exhibited the best results in terms of enhancing above- and below-ground growth, calyx yield, secondary metabolites, and tolerance to osmotic stress of the roselle plants cultivated in the salt-affected soil.