Gerir o seu alojamento web com Visual Studio Code via SFTP

Administrar um website num alojamento web com Visual Studio Code graças a uma extensão SFTP

Objetivo

Se dispõe de um alojamento web OVHcloud, pode aceder a um espaço de armazenamento que lhe permite gerir o seu site. O acesso a este espaço de armazenamento é possível através do protocolo SFTP. Embora seja possível conectar-se com um terminal, também pode utilizar o ambiente de desenvolvimento integrado (IDE) Visual Studio Code para gerir as pastas e os ficheiros do seu website.

Info

Se pretender administrar o seu website remotamente sem utilizar o Visual Studio Code, pode instalar o cliente FTP FileZilla. Não hesite em consultar o nosso guia "Utilizar o FileZilla com o seu alojamento OVHcloud". Se pretender conectar-se ao seu website em SSH, descubra a nossa documentação "Utilizar o acesso SSH do seu alojamento web".

Saiba como administrar o seu website através do Visual Studio Code.

Requisitos

Ter um serviço de alojamento web OVHcloud
Instalar Microsoft Visual Studio Code na sua máquina

Acesso à Área de Cliente OVHcloud

Ligação direta:
Caminho de navegação: Web Cloud > Alojamentos > Selecione o seu alojamento web

Instruções

Informações sobre a administração dos serviços OVHcloud e como encontrar a assistência adequada

Ao utilizar os guias da OVHcloud, tenha em conta as seguintes condições:

As instruções procuram fornecer o máximo de detalhes possível, mas não podem abranger todos os casos de utilização individuais. Poderá ser necessário adaptar as ações descritas às suas necessidades.
O ecossistema OVHcloud foi concebido para oferecer flexibilidade e liberdade de escolha. Os clientes são, por isso, responsáveis pela configuração correta e segura dos seus serviços. Para evitar a perda de dados, recomendamos vivamente a aplicação de estratégias de cópia de segurança a todos os seus dados importantes.
Os nossos guias e tutoriais podem fazer referência a software ou serviços de terceiros em combinação com as soluções OVHcloud. O suporte técnico fornecido pela OVHcloud não inclui a configuração de sistemas ou produtos fora da nossa responsabilidade. Isto inclui, entre outros:
- Sistemas operativos e interfaces de utilizador (Windows, Debian, Plesk, etc.).
- Qualquer outro software de terceiros (clientes FTP, software de e-mail, etc.).
- Serviços oferecidos por outros fornecedores (DNS, API, interfaces de utilizador, etc.).

Para receber a assistência adequada em caso de problemas, siga estas orientações:

Procura aconselhamento personalizado ou pretende discutir um tema que não é abordado em detalhe na nossa documentação?
Junte-se à comunidade OVHcloud para pesquisar o seu tema e falar com outros utilizadores.
Precisa de comunicar um incidente relativo ao seu serviço OVHcloud ou tem dificuldades na Área de Cliente OVHcloud?
Crie um pedido de suporte no nosso Centro de Ajuda.
Necessita de assistência profissional para o seu projeto ou de ajuda com tarefas fora do âmbito do nosso suporte?
Visite o nosso portal de parceiros para encontrar especialistas familiarizados com as soluções OVHcloud.
Procura informações mais detalhadas sobre os nossos níveis de suporte e Professional Services?
Visite as nossas páginas web sobre os níveis de suporte OVHcloud e os OVHcloud Professional Services.

Pode participar na melhoria da nossa documentação:

Pretende partilhar comentários para melhorar uma página de guia ou comunicar informações insuficientes numa página específica?
Utilize os botões «Esta página foi útil?» no final da página para nos informar.
Pretende propor uma atualização concreta da documentação?
Utilize a função «Editar esta página», disponível no final da página e na barra lateral.

Warning

Nós disponibilizamos-lhe este tutorial a fim de o acompanhar nas tarefas mais comuns. No entanto, se encontrar dificuldades, recomendamos que recorra a um fornecedor especializado ou a editor do IDE Visual Studio Code. Não poderemos proporcionar-lhe assistência técnica.

Instalar a extensão SFTP para o Visual Studio Code

Warning

Neste tutorial, optámos pela extensão "SFTP/FTP sync" de Natizyskunk. Você é livre para escolher outra. No entanto, observe que uma extensão no Visual Studio Code é um software muitas vezes criado por um desenvolvedor independente, que pode interromper o seu desenvolvimento a qualquer momento.

Depois de iniciar o Visual Studio Code, aceda ao menu horizontal na parte superior da interface e clique em View e Extensions.

Para executar a mesma ação com a combinação de teclas de atalho do teclado, selecione:

Ctrl + Shift + X se você estiver no Windows,
Maj + Command + X se você estiver no macOS.

No canto superior esquerdo da interface, introduza o nome da extensão "SFTP/FTP sync" de Natizyskunk e clique em Install.

Também é possível instalar a extensão "SFTP/FTP sync" a partir da marketplace do Visual Studio.

Inicializar o projeto localmente

Para sincronizar os ficheiros do seu website presentes no alojamento web a partir do Visual Studio Code, insira a localização do seu projeto localmente. Para isso, crie uma pasta no local desejado.

Volte para Visual Studio Code no menu horizontal na parte superior da interface, clique em View e em Command Palette para apresentar o editor de comandos.

Para executar a mesma ação com a combinação de teclas de atalho do teclado, selecione:

Ctrl + Shift + P se estiver no Windows,
Maj + Command + P se estiver no macOS.

Introduza o seguinte comando: SFTP: Config.

Através deste comando, o Visual Studio Code irá criar o ficheiro de configuração "sftp.json" na raiz da pasta local anteriormente criada. No entanto, visto que o Visual Studio Code ainda não sabe onde o seu projeto se encontra localmente, deverá aparecer a seguinte mensagem:

Clique em Open Folder, dirija-se a um local da pasta local à sua escolha e clique em Select Folder para confirmar.

No Visual Studio Code, introduza novamente o comando SFTP: Config. Um arquivo de configuração chamado "sftp.json" aparece no Visual Studio Code.

Este ficheiro está presente na pasta .vscode, que por sua vez está posicionado na raiz do seu projeto local.

Configurar o ficheiro sftp.json

Antes de trabalhar no seu projeto, transfira-o para a pasta local que criou anteriormente. No entanto, em primeiro lugar, certifique-se de que o ficheiro "sftp.json" está configurado corretamente. Consulte o nosso guia "Aceder ao espaço de armazenamento FTP do alojamento web" para encontrar as informações úteis.

No ficheiro "sftp.json", insira os valores para as seguintes entradas:

name

Clique nos separadores abaixo para visualizar cada uma das 2 etapas.

Etapa 1

Etapa 2

Aceda à página e selecione o alojamento web em causa.

Info

O valor name (nome) é personalizável, pelo que pode atribuir um valor à sua escolha. No entanto, se configurar vários ficheiros "sftp.json", é melhor tomar como referência os valores visíveis acima por razões de organização.

host

Clique nos separadores abaixo para visualizar cada uma das 2 etapas.

Etapa 1

Etapa 2

Aceda à página e selecione o alojamento web em causa.

username

Clique nos separadores abaixo para visualizar cada uma das 2 etapas.

Etapa 1

Etapa 2

Aceda à página e selecione o alojamento web em causa.

remotePath

Clique nos separadores abaixo para visualizar cada uma das 2 etapas.

Etapa 1

Etapa 2

Aceda à página e selecione o alojamento web em causa.

No separador FTP - SSH, encontre o caminho remoto (remotePath) na menção Caminho da pasta home. No entanto, se estiver configurado mais do que um utilizador, é possível que o caminho indicado seja diferente. Nesse caso, substitua o nome de utilizador indicado após home/ por um da sua escolha na coluna Nome de utilizador do quadro.

Exemplo: Se o seu nome de utilizador for "john-smith", receberá home/john-smith.

Por fim, não se esqueça de adicionar esta linha no ficheiro "sftp.json": "openSsh": true

Info

Para não ter de introduzir a sua palavra-passe após cada comando no Visual Studio Code, guarde-a no ficheiro "sftp.json" adicionando a linha: "password": "<password>"

Apresentamos a seguir um exemplo de ficheiro "sftp.json":


{
    "name": "<name>",
    "host": "<host>",
    "protocol": "sftp",
    "port": 22,
    "username": "myusername",
    "password": "mypassword",
    "remotePath": "/home/myusername",
    "uploadOnSave": false,
    "useTempFile": false,
    "openSsh": true
}

Para obter mais informações sobre as opções do ficheiro "sftp.json", consulte a documentação do projeto.

Fazer download do projeto localmente

Depois de configurar o ficheiro "sftp.json", transfira o conteúdo do seu projeto para recuperar o conjunto das pastas e ficheiros do seu website. Para isso, aceda ao Visual Studio Code e introduza o seguinte comando: SFTP: Download Project.

Visual Studio Code irá pedir-lhe que selecione a pasta que deseja descarregar para o seu alojamento web. Introduza o valor name previamente definido no ficheiro "sftp.json".

Se for solicitado, introduza a palavra-passe associada ao utilizador indicado no ficheiro "sftp.json" e, em seguida, clique em enter. Após o download, visualize o conjunto das pastas e ficheiros do seu projeto no explorador de ficheiros situado na coluna à esquerda da interface Visual Studio Code.

Info

Lembre-se de que a configuração correta do ficheiro "sftp.json" é primordial. Se você encontrar um erro antes de fazer o download do seu projeto, isso geralmente é causado por uma falha de configuração do arquivo "sftp.json". Para todas as questões, consulte FAQ do plug-in.

Efetuar alterações nos ficheiros

Agora que o projeto é baixado localmente em sua máquina, você pode facilmente editar, adicionar ou excluir arquivos no Visual Studio Code.

Se pretender que as alterações locais sejam sincronizadas sempre que efetuar uma cópia de segurança de um ficheiro, adicione esta linha ao ficheiro "sftp.json": "uploadOnSave": true

Para desativar esta função, mantendo-a no ficheiro "sftp.json", substitua o valor true por false.

Até agora, só mencionámos os comandos: SFTP: Config e SFTP: Download Project. Existem outros comandos que pode consultar por autocompletação introduzindo SFTP: no editor de comandos.

Encontre a lista dos comandos aqui.

Agora, pode aceder e modificar o conteúdo do seu alojamento web através do Visual Studio Code. Este guia tem como objetivo apresentar de forma eficaz a gestão de um projeto a partir do Visual Studio Code. É apropriado para uma primeira experiência. No entanto, se modificar vários ficheiros e estes estiverem sincronizados no seu alojamento web, não poderá ver o histórico das suas alterações para eventualmente voltar atrás ou corrigir um erro.

Quer saber mais?

Ligar-se ao espaço de armazenamento FTP do alojamento web

Utilizar o FileZilla com o seu alojamento OVHcloud

Utilizar o acesso SSH do alojamento web. Lembre-se de que, para utilizar o SSH, deve dispor de um plano de alojamento web Pro, Performance, Agency, Agency Plus ou Agency Max.

Para serviços especializados (referenciamento, desenvolvimento, etc), contacte os parceiros OVHcloud.

Se pretender usufruir de uma assistência na utilização e na configuração das suas soluções OVHcloud, consulte as nossas diferentes ofertas de suporte.

Fale com nossa comunidade de utilizadores.

Esta página foi útil?