Deploying two github repositories to single azure web app - javascript

This is not really a programmatically question, but i couldnt find any more suitable stackexchange site for it.
I have recently moved to Azure, where i deploy my backend web applications and API's. I found that it is possible to deploy multiple web services to one Azure Web App, by creating a branch with its own endpoint url, like so.
Normal : www.example.azurewebsites.net
New : www.example.azurewebsites.net/newSite
I found it is easy to deploy my .NET services from Visual studio to the new endpoint, but does anyone know if i can deploy my git repository to this endpoint by any chance?
I am new to azure, so any help will be greatly appreciated.

You just need to customize the deployment procedure a bit. Amit Apple has a good series on this. Customize your deployment script to build your temporary directory with everything you need and then deploy it. Azure will give you the deployment script to customize or you can use the azure-cli to generate one and you can customize it.
http://blog.amitapple.com/post/38417491924/azurewebsitecustomdeploymentpart1
The deployment script will use KuduSync to copy either a repository or temp folder to your wwwroot folder, so it's up to you to build this folder and have it pushed out.
https://github.com/projectkudu/kudu/wiki/Custom-Deployment-Script

Related

Having trouble using takepane.js in an Excel Office Add-in

EDIT: Apparently, I misunderstood how Office Add-ins worked. Please see my comment below for how I was able to figure things out.
I was able to get an Excel office add-in working this weekend. The add-in was created with yeoman generator. I'm testing this add-in in both Excel desktop (PC) and Excel online.
The add-in currently runs in the following structure:
The add-in contents are uploaded to Github pages
The manifest.xml has been updated to replace localhost:3000 with the
github page site.
The manifest.xml has been uploaded to the Integrated Apps page in
Microsoft 365 Admin Center for my developer account.
In order to get the add-in up and running I had to do a few things:
I had to move the files in the taskpane directory (/src/takepane/)
into the root directory.
I had to use a <script> tag in the takespane.html file and execute the javascript code there.
If I don't move the taskpane.html file to the root directory, I get a 404 error when I try to load the add-in in Excel Online or Excel desktop once it's been uploaded to Github Pages.
I've tried multiple attempts to reference taskpane.js to get the add-in to reference code in that file. I've tried creating a <script> tag referencing this file from takepane.html. And I've looked into changing values in the webpack.config.js and the manifest.xml files. All of my attempts have been unsuccessful.
I was wondering if anyone knew of why I was experiencing these issues. Or could point me in the right direction of what I should be doing. I appreciate any advice. And I'm happy to provide any code requested.
You need to update the yeoman generator which can be used to scaffold a new add-in project. The newly generated add-in uses Webpack as a bundler. In that case it doesn't matter where your files are located.
After lots of trial and error I figured things out. It turns out I was confused about how Office Add-ins worked. Instead of uploading the add-in project, I was supposed to upload the distribution of the add-in project. That may be obvious to traditional developers / web developers. But I'm an Excel developer so it's not obvious to me. There's lots of material talking about how to create and run a local add-in. But not many talking about how to upload and distribute such an add-in. So this is what I had to do to make things work:
Make your changes to takepane.js in the /src/takepane directory in the Office add-in project.
Update the urlProd constant in the webpack.config.js with the URL where the files will be uploaded (I used Github Pages for this)
Once you've made and have saved that update, run npm run build in the directory for the Office Add-in. This will create the dist directory in your Office add-in folder.
Upload the files from the dist directory to the URL you previously assigned to the urlProd constant.
Upload the manifest.prod.xml file from the dist directory (or provide the URL to this file) to the Microsoft 365 admin center.
The route I listed above can be tricky. Using the Azure guide is easier imo. You can look into using that guide here
After some delay, the add-in will display. For me the add-in is working in Excel Online. But I'm getting certificate issues with Excel desktop. So I'll be looking into that next.

Converting cordova project using VS 2015 certificate issue

Does any one know how to assign the certificate file to the project while creating the Windows app package.
Basically i have a cordova Ionic project which was already developed and now to make a windows app, i used VS 2015 --new project option from existing code. after few hiccups am able to run the windows app,
however am not able to figure out where to add/assign the certificate which i want to use with this package.
am even trying to find where is the app manifest file however not luck in finding it, i can see config.xml.
Appreciate your help.
Regards,
RK.
Does any one know how to assign the certificate file to the project while creating the Windows app package.
If you haven't got a certificate file, you should create one(.pfx file). You can follow How to create an app package signing certificate to create one.
Once you got the certificate. You can sign your app by modifying the build.json file. You can refer to Sign Windows App for details.

Installing an Aurelia web application on a web server other than ones for the turorial

I am studying Aurelia following the starter kit. In detail, I have selected the option of TypeScript and I complie them in Visual studio 2015. At present, the example applications work well on the local web server, IIS. Now I want to test it on an internet web server where I usually put my static html files and some php and ruby pages. Probably, the server is an apache managed by some IT company.
As I am very new to this field, I just plan to put the top folder of the local file system together with its all sub folders into somewhere in the web file system of the internet server.
Then the question is, will it work normally? I feel other options are too complexed for me to achieve at present. Or is there other simple alternative way?
I read a similar question here, but the anwer instruction is to difficult for me.
This article http://aurelia.io/docs.html#/aurelia/framework/1.0.0-beta.1.2.4/doc/article/bundling-your-app-for-deploy teaches how to bundle your app for deployment. In short, it will transform your app in a couple files (usually 1 .html and 2 .js).
To bundle your app, run gulp export. It will create an "export" folder inside the application folder. Then, just copy and paste those files in the server and the app will work normally.

How to run windows script file for taking project from TFS?

I am developing ionic application and using gulp utility to minify js files.
To avoid gulp getting configured in all the systems of team members, I am planning to have remote system which will communicate with TFS, take the project and put it in some folder and then I will install gulp on that and run task accordingly.
But my question is how to make connection from remote system to TFS to get project ? I know through Eclipse i can pull and get the project but is there any independent approach like running batch file and getting things done.
Overall aim is to avoid installing run in all the team member system instead they can connect to remote system and take the minified versions.
Help is appreciated !
According to your description, you just want to get a version from TFS to the workspace on your remote machine.
There are several ways to achieve this:
Install VS/Team Explorer on the remote machine, then perform get latest or get specific version from history.
Go to TFS web portal, navigate to CODE tab, select the project, and choose Download as Zip.
Use TFS Get command to get (download) either the latest version or a specified version of one or more files or folders from Team Foundation Server to the workspace.
Syntax:
tf get [itemspec] [/version:versionspec] [/all] [/overwrite] [/force] [/remap]
[/recursive] [/preview] [/noautoresolve] [/noprompt]
[/login:username,[password]]
Write a batch script to invoke command line. Check http://n3wjack.net/2014/02/02/how-to-pull-from-tfs-from-the-command-line/

How to separate backbone.js APP and rails APP

I need to separate my Frontend and Backend into two different repos. Because one developer can't install rails and doesn't need it (we can make stub for API).
How can I do it in case of deployment? Do I need git submodule? How to use it (with GitHub and Ninefold)?
I found information about how to develop standalone frontend app (thanks I can use grunt) and how to use submodules, but I can't combine it. Please help! Does anyone have such experience?
Having your rails app provide a RESTful API is a good idea here. Your standalone front-end app can then interact with the API over HTTP(S).
If you want the front-end app within the rails app but need repository separation (i.e. don't want the front-end developer to access the code of the rails app), using a git submodule may work but probably needs some organisational thought.
This is what I'd do:
First clone your rails app from GitHub or Bitbucket (or git init one locally) and then configure a git submodule.
git clone git#github.com:pathto/myawesomerailsapp.git
cd myawesomerailsapp
git submodule add git#github.com:pathto/mystandalonejsapp.git app/assets/standalone
Now when you cat .gitmodules you'll notice there's a new submodule configured in your repo.
Commit and push your changes. Ninefold will detect the submodules and use them, but if you have any problems just get in touch.
Good luck!

Categories