How To Import Code from Github to Azure and Fix Screen Disappearance

Select Language:

If you’re new to Azure and trying to connect your GitHub repository for deployment, it can sometimes be tricky, especially when the process just seems to disappear without any message. Here’s a simple way to get your code from GitHub into Azure so you can host your site smoothly.

First, ensure you have all the basic tools installed and set up properly. You should have Visual Studio Code, GitHub, and Azure all ready to go on your Windows 11 machine. Make sure you’re logged into your Microsoft Azure account through the Azure portal.

When you go to import your code by selecting “Import code from GitHub” and clicking “Continue with GitHub,” if the screen disappears after a few seconds without any message, it usually means there’s an authorization or permission issue.

Here’s what you can do:

Check your GitHub permissions: Make sure you’re logged into GitHub in your browser and that Azure has permission to access your repositories. Sometimes, authorization pop-ups get blocked or don’t show up.
Use the Azure Portal directly: Instead of relying on the quick import, go to the Azure App Service you want to deploy. Under the “Deployment Center,” usually, you’ll find options to set up continuous deployment. Select GitHub and then authenticate there. This often provides a clearer setup process and feedback.
Create a personal access token: Sometimes, Azure needs a personal access token from GitHub to authenticate. Head to GitHub settings > Developer settings > Personal Access Tokens, and generate a new token with the necessary repo access. Use this token when prompted during deployment setup.
Double-check your repository Settings: Make sure that your repo isn’t private or that the permissions are properly set up. If it’s private, the token or account connecting from Azure needs access.
Test your connection: After setting up, try manually adding the repo in the deployment center, and see if you get any errors or prompts. If it still doesn’t work, try disconnecting and reconnecting the GitHub account.
Update your tools: Make sure your Visual Studio Code, Azure CLI (if you’re using it), and other tools are updated to the latest versions. Sometimes, outdated software causes connection hiccups.

Following these steps usually resolves the problem. If you still encounter issues, try to do the process step-by-step through the Azure portal’s deployment options, as they give clearer feedback and options. Once connected, you’ll be able to easily deploy updates to your site directly from your GitHub repo.