How to use a S3 remote.

[ElielC]

We are currently working on publishing the bundles of our micro apps on a S3 bucket and CloudFront and the goal is to be able to tell which users should have access to the version 2.x after a login for example.

To make it work we uploaded the files to the S3 the same way it was bundled

/micro-app/1.2.1/generated/android/*
/micro-app/1.2.1/generated/ios/*
/micro-app/1.2.1/outputs/android/*
/micro-app/1.2.1/outputs/ios/*
--------
/micro-app/2.2.1/generated/android/*
/micro-app/2.2.1/generated/ios/*
/micro-app/2.2.1/outputs/android/*
/micro-app/2.2.1/outputs/ios/*

Changed the remote from rspack.config.mjs to the CloudFront URL

And we copied the ResolverPlugin to make a helper function

export function addResolver(remoteName: string, entryUrl: string) {
	ScriptManager.shared.addResolver(async (scriptId, caller, referenceUrl) => {
		if (scriptId === remoteName || caller === remoteName) {
			// referenceUrl should always be present and this should never happen
			if (!referenceUrl) {
				throw new Error("[RepackResolverPlugin] Reference URL is missing")
			}

			const url = rebaseRemoteUrl(referenceUrl, entryUrl)
			const locator = await createScriptLocator(url, {
				cache: false
			})
			return locator
		}
	})
}

Is this ok??
Should we do something else like using registerRemotes from @module-federation/enhanced/runtime to override the manifest?

[ElielC]

I followed this documentation installed

pnpm install @module-federation/runtime

and followed the module federation documentation