forked from mkimmet/Umbraco-Developer-Tutorials
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTutorial-1-Umbraco7-Setup.html
More file actions
179 lines (177 loc) · 8.21 KB
/
Tutorial-1-Umbraco7-Setup.html
File metadata and controls
179 lines (177 loc) · 8.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<title>Beginner Umbraco developer tutorials</title>
</head>
<body>
<header>
<div class="inner">
<h1>Umbraco Developer Tutorials</h1>
<h2>Beginner Umbraco tutorials for developers</h2>
<a href="https://github.com/mkimmet/Umbraco-Developer-Tutorials" class="button">
<small>View project on</small> GitHub</a>
</div>
</header>
<div id="content-wrapper">
<div class="inner clearfix">
<section id="main-content">
<!--<p style="text-align:center;"><img src="images/umbraco-logo.png"/></p>-->
<h3>
<a id="Tutorial1" class="anchor" href="#Tutorial1" aria-hidden="true">
<span class="octicon octicon-link">
</span>
</a>
Tutorial #1 - How to set up Umbraco 7
</h3>
<h4>Pre-Requisites</h4>
<p>
This tutorial will show you how to install Umbraco using SQL Server Express locally and IIS locally.
Please make sure you have the following installed and configured. If you don’t want to set up SQL Server Express
you could also just have Umbraco create a local SQLCE database on its own.
</p>
<ul>
<li>.NET 4.5 installed on your system (should most likely be installed by default)</li>
<li>SQL Server Express
<ul><li>Database called myweb</li>
<li>Database user called appuser with owner access to myweb</li>
</ul>
</li>
<li>IIS website
<ul><li>Website called myweb</li>
<li>Set the host name to myweb</li>
<li>
For the folder where the website root exists, you need to make sure that your
app pool identity (iisapppool\myweb), has full rights to the folder
</li>
<li>Make sure that your app pool is using .NET 4</li>
<li>
You will need to change the path to the website in a later step,
make sure you make this change or you will receive a 404,
can not list the contents of the directory error.
</li>
</ul>
</li>
<li>Hosts file record
<ul>
<li>
Create a new line in your c:\windows\system32\drivers\etc\hosts file
for your website (NOTE: You need to open notepad as an administrator in
order to be able to edit this file):
<ul>
<li>
127.0.0.1 myweb
</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>Creating the Umbraco Project</h4>
<p>
Create a new Project. Make sure to use .NET Framework 4.5, MVC 4 Web Application for
Visual Studio 2012 (see image for settings, you probably won’t want to create a
directory and you don’t have to use source control if you don’t want to.
Even though it’s best to always use source control, I won’t be covering that here):
</p>
<p>
<img src="images/image23.png" />
</p>
<p>
Select Empty and click Ok
</p>
<p>
<img src="images/image12.png" />
</p>
<p>
After it creates the project in the menu go to Tools → Nuget Package Manager → Package
Manager Console Run the following commands. During the install it will ask you if you
want to overwrite Global.asx, Enter A and click enter to overwrite all files.
<pre><code>PM> Install-Package UmbracoCms
PM> Install-Package UmbracoCms.core</code></pre>
</p>
<p>
If you don’t install both you will get a weird error about an assembly cannot be loaded twice.
</p>
<p>Build the project , Build-->Build Solution</p>
<p>
Now double check two things IIS:
<ul>
<li>
Open up IIS again and set the path to your website to c:\dev\myweb\myweb (or whatever your
path to your website is) since Visual Studio
creates an extra folder that you need to take into account. If you don’t do this you will
receive a 404 cannot list the contents of the directory error.
</li>
<li>
Secondly, in IIS make sure your app pool (myweb), is set for .NET 4. If it’s not you
will receive an error in the next step saying “Unrecognized attribute ‘targetFramework’
</li>
</ul>
</p>
<p>
Open a web browser and go to <a href="http://myweb">http://myweb</a><br/>
Note: The first time you go to the webpage you will need to type http:// otherwise it will
most likely redirect you to a google search
</p>
<p>
Type in your name, email and password and click the Customize button (if you are going to
use the built in SQL CE database you can click on Install).
</p>
<p>
<img src="images/image00.png" />
</p>
<p>
On the next screen, select Microsoft SQL Server. Type in localhost for your server and myweb
for your database and then appuser for the user and the password you created (these were in
the pre-reqs for this tutorial). Then click on Continue
</p>
<p>
<img src="images/image01.png" />
</p>
<p>
On the next screen click on “No Thanks, I do not want a starter Website” so that we can start with a blank slate.
It will take a few minutes to install and then it will redirect you to the back-end umbraco admin.
</p>
<p>
Congratulations, you now have Umbraco Installed!!!
</p>
<p><a href="Tutorial-2-Creating-a-Webpage.html">Next>> Tutorial #2 - Creating a Webpage</a></p>
</section>
<aside id="sidebar">
<h2><a href="index.html">Home</a></h2>
<h2><a href="Tutorial-1-Umbraco7-Setup.html">Tutorial #1</a></h2>
<h2><a href="Tutorial-2-Creating-a-Webpage.html">Tutorial #2</a></h2>
<h2><a href="Tutorial-3-Storing-data-in-Umbraco.html">Tutorial #3</a></h2>
<h2><a href="Tutorial-4-Creating-a-Custom-Form.html">Tutorial #4</a></h2>
<h2><a href="https://github.com/mkimmet/Umbraco-Developer-Tutorials/blob/master/Tutorial-5-Adding-a-Member-Side-Admin.md">Tutorial #5 [in MD]</a>
</h2><!--
<a href="https://github.com/mkimmet/Umbraco-Developer-Tutorials/zipball/master" class="button">
<small>Download</small>
.zip file
</a>
<a href="https://github.com/mkimmet/Umbraco-Developer-Tutorials/tarball/master" class="button">
<small>Download</small> .tar.gz file
</a>-->
<p>
This page was generated by <a href="https://pages.github.com">GitHub Pages</a>
using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>
modified by <a href="https://github.com/mkimmet">mkimmet</a>.
</p>
</aside>
</div>
</div>
</body>
</html>